商業(yè)網(wǎng)站開發(fā)從入門到精通-教學(xué)ppt第19章css與頁面布局(編輯修改稿)
2024-10-22 23:23 本頁面
【文章內(nèi)容簡(jiǎn)介】 個(gè)元素定義的屬性值，顯示在相應(yīng)的位置。具體操作如下所示。 多個(gè)浮動(dòng)元素 ? 在 CSS布局中，如果并列插入多個(gè)浮動(dòng)元素，每個(gè)后插入的元素的顯示位置，要參照前面元素定義的屬性值，具體操作如下所示。 浮動(dòng)元素和父元素 ? 在 CSS布局中，如果一個(gè)元素中包含浮動(dòng)元素，在 IE瀏覽器中，浮動(dòng)元素會(huì)撐開父元素，在 Firefox中浮動(dòng)元素會(huì)浮動(dòng)在父元素上，下面是元素中包含浮動(dòng)元素的示例，具體操作如下所示。 清除浮動(dòng)元素 ? 在 CSS布局中，如果浮動(dòng)元素后面緊跟浮動(dòng)元素，那么浮動(dòng)元素就會(huì)同行顯示，直到浮動(dòng)元素寬度之和超出父元素寬度為止。如果在浮動(dòng)元素后面緊跟固定元素，或者浮動(dòng)元素包含在父元素之中，則在 IE瀏覽器和Firefox瀏覽器中會(huì)顯示不同的效果。使用清除浮動(dòng)屬性，可以調(diào)整浮動(dòng)元素的顯示效果，具體操作如下所示。 計(jì)算元素的寬度 ? 在使用 CSS定義元素的大小時(shí)，元素的寬度是由寬度、邊框、填充、邊界等幾個(gè)部分組成的，在元素的不同部分中，顯示的內(nèi)容也不同。下面進(jìn)行詳細(xì)講解。 元素寬度的計(jì)算 ? 在 CSS中所有的文檔元素都會(huì)生成一個(gè)矩形框，這個(gè)矩形框由以下幾個(gè)部分組成：邊界、邊框、填充、寬度、高度。其具體組成如圖所示。 元素各個(gè)部分的作用 ? 元素各個(gè)部分，包括寬度、高度、邊框、填充、邊界等，各自顯示的內(nèi)容以及作用各不相同，下面分別進(jìn)行介紹。 ? 寬度和高度：在寬度和高度構(gòu)成的矩形框中，顯示的是元素的內(nèi)容部分。其中包括文本、圖像、視頻等內(nèi)容。 ? 填充：是內(nèi)容與邊框之間的部分，顯示元素的背景顏色或者背景圖像。 嵌套元素之間的距離 ? 嵌套元素，當(dāng)同時(shí)定義父元素的“填充”屬性，同時(shí)定義了子元素的“邊界”屬性時(shí)，兩個(gè)元素邊框間的距離和兩個(gè)元素是否定義了大小有關(guān)，下面分別進(jìn)行介紹。 ? 1．元素未定義大小 在父元素和子元素中定義“邊框”樣式，如圖所示。 嵌套元素之間的距離 ? 2．定義子元素的寬度 ? 在子元素中定義“方框”樣式，如圖所示。 嵌套元素之間的距離 ? 3．定義子元素的寬度同時(shí)定義父元素的寬度 自適應(yīng)的問題 ? 自適應(yīng)的問題分為兩個(gè)方面：一方面是水平自適應(yīng)；另一方面是垂直自適應(yīng)。水平自
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1