制作網(wǎng)站的時(shí)候，頁(yè)面的布局是很重要的。不僅要保證頁(yè)面的合理性，同時(shí)頁(yè)面的布局方式對(duì)用戶體驗(yàn)也有影響。因此，站長(zhǎng)在制作頁(yè)面的時(shí)候要重視。那么我們就來(lái)說(shuō)一下頁(yè)面在布局的時(shí)候要注意哪些原則呢？

第一、頁(yè)面樣式的重復(fù)使用。采用CSS方式布局的頁(yè)面有一個(gè)很大的特點(diǎn)，即頁(yè)面的樣式是可以重復(fù)使用的。個(gè)人制作網(wǎng)站頁(yè)面的過(guò)程中，選擇class選擇符，可以將某一個(gè)屬性進(jìn)行重復(fù)使用。這樣就可以減少樣式定義的工作，而且頁(yè)面在維護(hù)的時(shí)候也比較方便快速。比如，將某一個(gè)表達(dá)樣式、版塊的樣式、文字的顏色等等都可以調(diào)用，甚至可以調(diào)用模塊。

第二、浮動(dòng)式以及清楚浮動(dòng)。個(gè)人制作網(wǎng)站頁(yè)面的時(shí)候，浮動(dòng)式的布局方式是最常提到的。不少瀏覽器的兼容性都是因?yàn)轫?yè)面的浮動(dòng)。浮動(dòng)式的頁(yè)面布局有好也不好的一面，如果利用得好，那么對(duì)頁(yè)面的布局有很大的幫助，例如負(fù)邊距的設(shè)計(jì)。在兼容性方面就會(huì)有利有弊，而清除浮動(dòng)，就是用來(lái)解決因?yàn)楦?dòng)而出現(xiàn)的問(wèn)題。

第三、定位方式的頁(yè)面布局。定位方式進(jìn)行布局頁(yè)面，主要指的是絕對(duì)定位，而且對(duì)頁(yè)面的設(shè)計(jì)精確度是非常高的。但是這種方式布局頁(yè)面，高和寬是固定的，所以不適用與自適應(yīng)的網(wǎng)站設(shè)計(jì)

第四、頁(yè)面布局過(guò)程中不要使用太多ID選擇符。一般來(lái)說(shuō)，一個(gè)頁(yè)面只可以出現(xiàn)一次ID，如果多次使用，則體現(xiàn)不出樣式的重復(fù)使用特點(diǎn)，頁(yè)面在維護(hù)方面也是比較麻煩，成本也比較高。

第五、類(lèi)選擇符class以及ID選擇符的命名方式，不建議使用字母+數(shù)字的形式。類(lèi)選擇符class和ID選擇符的命名方式有很多種，最理想的一種方式就是針對(duì)某一個(gè)模塊功能的命名，例如主要內(nèi)容區(qū)域的命名為#mainbox。

網(wǎng)站制作的頁(yè)面布局原則主要是以上幾個(gè)方面，希望可以幫助到有需要的站長(zhǎng)。