網(wǎng)頁(yè)設(shè)計(jì)規(guī)范

1、標(biāo)準(zhǔn)字體字號(hào)：中文網(wǎng)頁(yè)一般文字正文都采用宋體12號(hào)（12px）字體，因?yàn)檫@個(gè)字體是系統(tǒng)對(duì)于瀏覽器特別優(yōu)化過(guò)的字體。雖然12px20px的宋體字都還能看，但是宋體12px是最漂亮的，也是最普遍應(yīng)用的。黑體一般是14號(hào)，因?yàn)橐话愫苌儆煤隗w做正文，主要都是標(biāo)題或者是關(guān)鍵字。黑體14px是優(yōu)化過(guò)的字體。英文網(wǎng)頁(yè)一般用11px字號(hào)，個(gè)人最喜歡的字體是tahoma與verdana這兩種！特別是verdana，是最經(jīng)典，最好用的字體！網(wǎng)頁(yè)標(biāo)準(zhǔn)寬度：1

2、、在IE6.0下，寬度為顯示器分辨率減21，比如1024的寬度21就變成1003；800寬21=779。但值得注意的是IE6.0(或更低)無(wú)論你的網(wǎng)頁(yè)多高都會(huì)有右側(cè)的滾動(dòng)條框。2、在Firefox下，寬度的分率辨減19。比如1024的寬度19就變成10053、在Opear下，寬度的分率辨減23。比如1024的寬度23就變成1001（注：Firefox或Opear在內(nèi)容少于瀏覽器高度時(shí)不顯示右側(cè)滾動(dòng)條。）所以如果是1024的分辨率，你的網(wǎng)

3、頁(yè)不如設(shè)成1000安全一點(diǎn)。如果是800的分辨率一般都設(shè)成770。這些需要明白并且牢記不然很可能做出來(lái)不符合瀏覽器要求不過(guò)一般我們都回設(shè)定的再稍微小一點(diǎn)應(yīng)為有些瀏覽器加了插件或者其他的東西寬度會(huì)有變化所以800的分辨率一般設(shè)定760左右1024的設(shè)定990左右。在這個(gè)顯示器百花齊放的時(shí)代，網(wǎng)頁(yè)設(shè)計(jì)師往往需要考慮不同客戶端的瀏覽體驗(yàn)。文字大小，是用戶體驗(yàn)中的一個(gè)重要部分。不同的分辨率，不同的顯示器尺寸，不同的DPI，乃至不同的瀏覽器設(shè)置，

4、都會(huì)對(duì)最終展現(xiàn)的文字大小帶來(lái)影響。雖然現(xiàn)在很多瀏覽器已經(jīng)可以方便地縮放頁(yè)面，但用戶每次光臨都要重新縮放，總歸麻煩，何況還有許多用戶不知道如何縮放頁(yè)面。最好還是根據(jù)用戶的分辨率給用戶一個(gè)比較體貼的默認(rèn)字號(hào)，那這個(gè)字號(hào)多大合適呢？12px？14px？15px？16px？還是壓根就不應(yīng)該使用px這個(gè)單位呢？問(wèn)題的根源，在于屏幕上的一切字號(hào)單位（px，pt，em）都是相對(duì)單位，單憑它們并不能確定文字的實(shí)際大小。何況人對(duì)文字大小的根本感知在于眼睛

5、的視角，這不僅取決于文字的物理尺寸，還取決于它到人眼的距離。物理尺寸物理尺寸首先假定一個(gè)我們希望達(dá)到的文字物理尺寸，例如設(shè)定為17寸12801024顯示器上的16px，計(jì)算可得它的高度約是4.32mm，我們計(jì)劃讓網(wǎng)頁(yè)文字在大部分顯示器上都比較接近這個(gè)大小，那么在不同分辨率下應(yīng)該顯示成多大的字號(hào)呢？第一步：統(tǒng)計(jì)用戶主要的分辨率和對(duì)應(yīng)的屏幕大小。第一步：統(tǒng)計(jì)用戶主要的分辨率和對(duì)應(yīng)的屏幕大小。要在物理尺寸和分辨率之間換算，首先要統(tǒng)計(jì)分辨率和對(duì)

6、應(yīng)的屏幕尺寸。用戶分辨率的分布情況可以從網(wǎng)站的統(tǒng)計(jì)日志里獲得。由于每個(gè)分辨率設(shè)置可能對(duì)應(yīng)好幾個(gè)不同尺寸的屏幕，而屏幕尺寸又無(wú)法通過(guò)網(wǎng)頁(yè)獲得，只好對(duì)現(xiàn)在的顯示器市場(chǎng)進(jìn)行統(tǒng)計(jì)分析：針對(duì)某一分辨率，統(tǒng)計(jì)可能的屏幕尺寸范圍，從最小到最大，相對(duì)主流的是多大（或使用該范圍的中間值作為主流尺寸）。如下圖所示——不同分辨率下需要的字號(hào)可以看出筆記本和臺(tái)式機(jī)的尺寸相差很大，為方便使用，使用各分辨率的主流尺寸或平均尺寸計(jì)算出指定字號(hào)在每個(gè)分辨率下所需的字號(hào)

7、。（下圖去掉了基本只用在筆記本上的那些分辨率），以4.32mm、3.77mm、3.25mm為例（17寸12801024分辨率下的16、14和12號(hào)字）：為保持固定物理尺寸，各主流顯示器下所需字號(hào)與分辨率的關(guān)系由于在未開(kāi)啟cleartype的情況下，一些中文字體在非偶數(shù)字號(hào)下的顯示效果欠佳，所以一般建議使用12、14、16、18、22px等偶數(shù)字號(hào)。也就是對(duì)某個(gè)分辨率選擇離它最近的偶數(shù)字號(hào)。例如：屏幕橫向分辨率在1100以下的采用14px