CSS最佳化需要注意的15個細節

1、不要使用過小的圖片做背景平鋪。這就是為何很多人都不用 1px 的原因，這才知曉。寬高 1px 的圖片平鋪出一個寬高 200px 的地區，需要 200*200=40, 000 次，佔用資源。 

2、無邊框。推薦的寫法是 border:none;，哈哈，我一直在用這個。 border:0; 只是定義邊框寬度為零，但邊框樣式、顏色還是會被瀏覽器解析，佔用資源。

 
3、慎用 * 萬用字元。所謂萬用字元，就是將 CSS 中的所有標籤均初始化，不管用的不用的，過時的先進的，一視同仁，這樣，大大的佔用資源。要有選擇的初始化標籤。 

4、CSS 的十六進位顏色代碼縮寫。習慣了縮寫及小寫，這才知道，原來不是推薦的寫法，為的是減少解析所佔用的資源。但同時會增加檔案體積。孰優孰劣，有待仔細考證。 

5、樣式放頭上，指令碼放腳下。不內嵌，只外鏈。

 
6、堅決不用 CSS 運算式。 

7、使用 引用樣式表，而不是通過 @import 匯入。 

8、一般來說，PNG 比 GIF 要小，小得多。再者，GIF 中有多少顏色是被浪費的，很值得最佳化。 

9、千萬不要在 HTML 中縮放圖片，一者不好看，二者佔資源。 

10、本文字型最好用偶數，12px、14px、16px，效果非常好。特例，15px。 

11、block、ul、ol 等上下留出至少一倍行距，左側至少兩倍行距，右側隨意。 

12、段落之間，至少要有一倍行距。 

13、強行指定某些元素的 line-height，本文 1.6 倍於文字大小，標題 1.3 倍。 

14、中文標點用全形。英文夾雜在中文中，左右空格，半形。 

15、中文字型的粗體和斜體，遠離較好，利民利己。

其他參考：1、http://www.52css.com/article.asp?id=787