網(wǎng)站制作排版很重要，現(xiàn)在都使用DIV+CSS布局網(wǎng)站，在布局之前，我們應(yīng)該了解一下DIV排版的核心：CSS盒子模式。因?yàn)橛眠@種方式排版的網(wǎng)頁(yè)代碼簡(jiǎn)潔，更新方便，能兼容更多的瀏覽器。
　　什么是CSS盒子模式
　　內(nèi)容(content)、填充(padding)、邊框(border)、邊界(margin)，這些屬性我們可以把它轉(zhuǎn)移到我們?nèi)粘Ｉ钪械暮凶由蟻?lái)理解，日常生活中所見(jiàn)的盒子也具有這些屬性，所以叫它盒子模式。那么內(nèi)容就是盒子里裝的東西；而填充就是怕盒子里裝的東西損壞而添加的泡沫或者其它抗震的輔料；邊框就是盒子本身了。
　　CSS盒子模式思路
　　網(wǎng)站制作使用CSS排版就不能用傳統(tǒng)的方式布局了，因?yàn)橐粋€(gè)強(qiáng)CSS控制的網(wǎng)頁(yè)，等做好網(wǎng)頁(yè)后，你還可以輕松的調(diào)你想要的網(wǎng)頁(yè)風(fēng)格，況且CSS排版的另外一個(gè)目的是讓代碼易讀，區(qū)塊分明，強(qiáng)化代碼重用，所以結(jié)構(gòu)很重要。
　　CSS盒子模式工作流程
　　1.用div來(lái)定義語(yǔ)義結(jié)構(gòu)；
　　2.然后用CSS來(lái)美化網(wǎng)頁(yè)，如加入背景、線(xiàn)條邊框、對(duì)齊屬性等；
　　3.最后在這個(gè)CSS定義的盒子內(nèi)加上內(nèi)容，如文字、圖片等（沒(méi)有表現(xiàn)屬性的標(biāo)簽），下面大家跟我一起來(lái)做一個(gè)實(shí)例加深對(duì)這個(gè)步驟的理解。
　　筆者建議：在網(wǎng)站制作之前，我們一定要明白CSS盒子模式的意義及流程，這樣，網(wǎng)站排版才會(huì)容易，網(wǎng)站之后改版就更加容易了。