制作一個(gè)網(wǎng)站有很多方面需要我們注意的，尤其是頁(yè)面布局方面。今天我們就來(lái)分析一下網(wǎng)站制作中的頁(yè)面布局有哪些原則需要我們注意的。下面我們就詳細(xì)來(lái)分析一下。

第一、網(wǎng)站建設(shè)中，樣式的設(shè)計(jì)是可以重復(fù)使用的。利用css進(jìn)行頁(yè)面的布局最好的亮點(diǎn)是樣式可以重復(fù)使用，可以使用class選擇符對(duì)需要重復(fù)使用的樣式進(jìn)行多次使用，這樣就可以減少定義樣式的工作，同時(shí)頁(yè)面在維護(hù)方面效率比較高，網(wǎng)站的代碼比較少。樣式的設(shè)計(jì)可以將整體的樣式、文字的顏色等等都可以重復(fù)使用。

第二、浮動(dòng)以及消除浮動(dòng)原則。頁(yè)面布局中浮動(dòng)式的頁(yè)面是一個(gè)永恒的話(huà)題，因?yàn)闉g覽器的兼容性問(wèn)題很多都是因?yàn)楦?dòng)原因出現(xiàn)的。浮動(dòng)頁(yè)面有利有弊，兼容性是其弊。但是如果能夠合理地運(yùn)用浮動(dòng)頁(yè)面可以將頁(yè)面布局得更出色，例如通過(guò)負(fù)邊距對(duì)頁(yè)面進(jìn)行布局。消除浮動(dòng)是用來(lái)清理哪些因浮動(dòng)產(chǎn)生的問(wèn)題。

第三、通過(guò)定位的方式進(jìn)行頁(yè)面布局。自己建網(wǎng)站，定位方式在布局的時(shí)候一定都是絕對(duì)定位，而且這個(gè)頁(yè)面布局方式要求非常高，但是也有缺點(diǎn)，就是高度和寬度是固定的，沒(méi)有適應(yīng)性。

第四、布局頁(yè)面時(shí)不宜有太多的ID選擇符。一般情況下，ID在一個(gè)頁(yè)面只出現(xiàn)一次，如果多次使用則不會(huì)實(shí)現(xiàn)樣式的重復(fù)使用，那么對(duì)頁(yè)面的維護(hù)產(chǎn)生很大的負(fù)面影響。

第五、類(lèi)選擇符以及ID選擇符的命名方式不要使用字母+數(shù)字的方式。這兩種選擇符的命名方式有很多中類(lèi)型，最常用的就是針對(duì)某一個(gè)模塊的功能進(jìn)行命名。例如內(nèi)容功能區(qū)的命名可以是mainbox，這種命名方式方便網(wǎng)站后期的維護(hù)，一眼就可以知道哪一個(gè)模塊在哪里。

第六、css布局要合理利用，千萬(wàn)不要盲目使用。Css樣式的功能主要是對(duì)結(jié)構(gòu)樣式進(jìn)行處理。

設(shè)計(jì)網(wǎng)站的時(shí)候，布局頁(yè)面最基本的一些原則就是以上六個(gè)方面，站長(zhǎng)們?cè)诮ㄔO(shè)網(wǎng)站時(shí)要注意一下，希望本文可以幫助到有需要的站長(zhǎng)。