簡(jiǎn)介:如何用CSS進(jìn)行網(wǎng)頁(yè)布局?這可是前端工程師最最基本的技能,本課程教你怎么制作一列布局、二列布局、三列布局當(dāng)然還有最通用的混合布局,而且你還可以選擇讓它固定還是自適應(yīng)。用CSS重新規(guī)劃你的網(wǎng)頁(yè),讓你的網(wǎng)頁(yè)從此更美觀、更友好。
第1章 內(nèi)容簡(jiǎn)介
對(duì)網(wǎng)頁(yè)布局相關(guān)定義進(jìn)行介紹,詳細(xì)分析各大布局的特點(diǎn)。
第2章 用HTML+CSS實(shí)現(xiàn)最簡(jiǎn)單的網(wǎng)頁(yè)布局效果:一列布局
對(duì)一列布局的特點(diǎn)進(jìn)行詳細(xì)分析,對(duì)具體案例進(jìn)行代碼實(shí)現(xiàn),與新浪網(wǎng)站進(jìn)行對(duì)比,更透徹!
第3章 自適應(yīng)寬度及固定寬度的二列布局的實(shí)現(xiàn)
對(duì)二列布局進(jìn)行講解,并對(duì)自適應(yīng)寬度和固定寬度的不同方法進(jìn)行分析。
第4章 用position定位方法實(shí)現(xiàn)自適應(yīng)效果的三列布局
在二列布局的基礎(chǔ)上對(duì)三列布局進(jìn)行分析,并對(duì)中間自適應(yīng),兩邊寬度固定的三列布局進(jìn)行詳細(xì)講解。
第5章 用HTML+CSS實(shí)現(xiàn)復(fù)雜結(jié)構(gòu)的混合布局
混合布局是最常用的布局方式,通過(guò)實(shí)例分析混合布局與其他布局的關(guān)系。