DIV+CSS高手也得看的15個CSS常識

一、不要使用太小的圖片作背景平鋪。這就是爲什麼不少人都不用 1px 的緣由，這才知曉。寬高 1px 的圖片平鋪出一個寬高 200px 的區域，須要 200*200=40, 000 次，佔用資源。
二、無邊框。推薦的寫法是 border:none;，哈哈，我一直在用這個。 border:0; 只是定義邊框寬度爲零，但邊框樣式、顏色仍是會被瀏覽器解析，佔用資源。
三、慎用 * 通配符。所謂通配符，就是將 CSS 中的全部標籤均初始化，無論用的不用的，過期的先進的，一視同仁，這樣，大大的佔用資源。要有選擇的初始化標籤。
四、CSS 的十六進制顏色代碼縮寫。習慣了縮寫及小寫，這才知道，原來不是推薦的寫法，爲的是減小解析所佔用的資源。但同時會增長文件體積。孰優孰劣，有待仔細考證。
五、樣式放頭上，腳本放腳下。不內嵌，只外鏈。
六、堅定不用 CSS 表達式。
七、使用 引用樣式表，而不是經過 @import 導入。
八、通常來講，PNG 比 GIF 要小，小得多。再者，GIF 中有多少顏色是被浪費的，很值得優化。
九、千萬不要在 HTML 中縮放圖片，一者很差看，兩者佔資源。
十、正文字體最好用偶數，12px、14px、16px，效果很是好。特例，15px。
十一、block、ul、ol 等上下留出至少一倍行距，左側至少兩倍行距，右側隨意。
十二、段落之間，至少要有一倍行距。
1三、強行指定某些元素的 line-height，正文 1.6 倍於文字大小，標題 1.3 倍。
1四、中文標點用全角。英文夾雜在中文中，左右空格，半角。
1五、中文字體的粗體和斜體，遠離較好，利民利己。