網(wǎng)頁設計規(guī)范

1、標準字體字號：中文網(wǎng)頁一般文字正文都采用宋體12號（12px）字體，因為這個字體是系統(tǒng)對于瀏覽器特別優(yōu)化過的字體。雖然12px20px的宋體字都還能看，但是宋體12px是最漂亮的，也是最普遍應用的。黑體一般是14號，因為一般很少用黑體做正文，主要都是標題或者是關鍵字。黑體14px是優(yōu)化過的字體。英文網(wǎng)頁一般用11px字號，個人最喜歡的字體是tahoma與verdana這兩種！特別是verdana，是最經(jīng)典，最好用的字體！網(wǎng)頁標準寬度：1

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

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

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

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

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

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