常用布局:
1.流式布局
2.浮動布局
3.絕對定位布局
4.聖杯布局
* body
/浮動布局/
/*.header
.bd
.footer
.main
.leftside
.right*/
/絕對定位布局/
/*.header
.bd
.footer
.leftside
.main
.right*/
/聖杯布局/
.header
.main
.bd
.footer
.bd
.main
.leftside
.right
.main
.leftside
.right
我是頭部
我是body的中間部分
我是body的左邊
我是body的右邊部分
我是底部
聖杯布局:應用於三列布局,兩邊固定,中間自適應,一種經典的布局方法。
流式布局 浮動布局及絕對定位布局
知識點 1.掌握三大布局技巧 流式布局 浮動布局及絕對定位布局 2.精通標準文件流 盒子模型 float屬性以及position屬性等知識。w3c由全球資訊網聯盟制定的一系列標準 1.結構化標準語言 html和xml 2.表現標準語言 css 3.行為標準語言 dom和ecmascript css三...
絕對定位布局
position屬性設定,能夠實現橫向多列布局及較為複雜的定位,比如帶有遮罩層效果的提示框 固定層效果 全屏廣告等。position擁有3種定位形式 1 靜態定位 2 相對定位 3 絕對定位。position可以設定4個屬性值 1 static 靜態定位 2 relative 相對定位 3 abso...
CSS 浮動布局與定位布局
布局常用的方法 用float設計浮動布局 float預設值為none,可根據頁面需要設定為左浮動left,或右浮動right 瀏覽器中效果 因為 div 是區塊元素,每個 div 獨佔一行,要想讓三個 div 在同一行裡顯示,就需要給三個子元素設定浮動,但浮動會使元素脫離文件流,父元素高度崩塌,所以...