簡介:網(wǎng)頁布局是進(jìn)行網(wǎng)頁制作的基礎(chǔ)。本課程將講解CSS中三種定位機(jī)制——標(biāo)準(zhǔn)文檔流、浮動(dòng)和絕對定位,并對標(biāo)準(zhǔn)文檔流、盒子模型、float屬性以及position屬性等進(jìn)行詳細(xì)分析。從晦澀的理論講解到編輯器環(huán)境的逐步驗(yàn)證,讓你徹底掌握網(wǎng)頁布局的相關(guān)知識(shí)。
第2章 自動(dòng)居中一列布局
詳細(xì)講解標(biāo)準(zhǔn)文檔流、行級(jí)元素及塊級(jí)元素、盒子模型等內(nèi)容,并對實(shí)現(xiàn)自動(dòng)居中一列布局中的margin屬性進(jìn)行重點(diǎn)分析。
第3章 橫向兩列布局
詳細(xì)分析float屬性,重點(diǎn)介紹清除浮動(dòng)常用的兩種方法,并且具體實(shí)現(xiàn)了網(wǎng)頁最常用的布局方式——橫向兩列布局。
第4章 絕對定位布局
本部分重點(diǎn)講解把眾多碼農(nóng)搞得暈頭轉(zhuǎn)向的相對定位和絕對定位知識(shí),并分析絕對定位布局的實(shí)現(xiàn)技巧。