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