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