商業(yè)網(wǎng)站開發(fā)從入門到精通-教學(xué)ppt第19章css與頁面布局-文庫吧資料
2024-10-08 23:23本頁面
【正文】 的寬度 自適應(yīng)的問題 ? 自適應(yīng)的問題分為兩個方面：一方面是水平自適應(yīng)；另一方面是垂直自適應(yīng)。 ? 1．元素未定義大小 在父元素和子元素中定義“邊框”樣式，如圖所示。 ? 填充：是內(nèi)容與邊框之間的部分，顯示元素的背景顏色或者背景圖像。 ? 寬度和高度：在寬度和高度構(gòu)成的矩形框中，顯示的是元素的內(nèi)容部分。其具體組成如圖所示。下面進(jìn)行詳細(xì)講解。使用清除浮動屬性，可以調(diào)整浮動元素的顯示效果，具體操作如下所示。 清除浮動元素 ? 在 CSS布局中，如果浮動元素后面緊跟浮動元素，那么浮動元素就會同行顯示，直到浮動元素寬度之和超出父元素寬度為止。 多個浮動元素 ? 在 CSS布局中，如果并列插入多個浮動元素，每個后插入的元素的顯示位置，要參照前面元素定義的屬性值，具體操作如下所示。所以當(dāng)兩個浮動元素并列在一起時，元素?zé)o法重疊顯示，后插入的元素會按照前一個元素定義的屬性值，顯示在相應(yīng)的位置。具體操作如下所示。 浮動元素與固定元素 ? 在 CSS布局中，如果為元素定義了浮動屬性，元素會從元素所在行中分離出來，在另一個層次中按照浮動的參數(shù)顯示，而在浮動元素之后的非浮動元素，會忽略浮動元素繼續(xù)顯示，但是 IE瀏覽器和常用的 Firefox瀏覽器對這個屬性的解釋并不相同。但是不同的瀏覽器，對浮動的解釋并不相同。 浮動與清除 ? 在使用 CSS布局的頁面中，一般不使用 AP Div進(jìn)行頁面的布局。下面講解具體的制作方法。 ? 在文檔中，將開始標(biāo)簽 center放在 body元素之后，結(jié)束標(biāo)簽 / center放在 / body元素之前，這樣由center元素包含的內(nèi)容，將水平居中顯示。下面分別講解在傳統(tǒng)布局和CSS布局中，定義頁面元素居中的方法。 ? 1．使用 style屬性定義 CSS樣式 CSS樣式的優(yōu)先級 ? 2． CSS樣式的優(yōu)先級 頁面屬性與 CSS樣式 ? 在文檔中，頁面屬性的部分參數(shù)，會使用 CSS樣式進(jìn)行定義，其中包括外觀、標(biāo)題、鏈接等選項。其中前兩種定義 CSS樣式的方法，在第 18章中已經(jīng)講解過了。 定義文檔結(jié)構(gòu) ? 在 W3C推薦的 Web標(biāo)準(zhǔn)中，推薦使用過渡的 XHTML文檔作為 CSS布局頁面的文檔，具體操作如下所示。
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1