· 盡量避免寫在HTML標簽中寫Style屬性
**· 避免CSS表達式**
CSS表達式的執行需跳出CSS樹的渲染,因此請避免CSS表達式
· 移除空的CSS規則
空的CSS規則增加了CSS文件的大小,且影響CSS樹的執行,所以需移除空的CSS規則
· 正確使用Display的屬性
Display屬性會影響頁面的渲染,因此請合理使用
a) display:inline后不應該再使用width、height、margin、padding以及float
b) display:inline-block后不應該再使用float
c) display:block后不應該再使用vertical-align
d) display:table-*后不應該再使用margin或者float
· 不濫用Float
Float在渲染時計算量比較大,盡量減少使用
· 不濫用Web字體
Web字體需要下載,解析,重繪當前頁面,盡量減少使用
· 不聲明過多的Font-size
過多的Font-size引發CSS樹的效率
· 值為0時不需要任何單位
為了瀏覽器的兼容性和性能,值為0時不要帶單位
· 標準化各種瀏覽器前綴
a) 無前綴應放在最后
b) CSS動畫只用 (-webkit- 無前綴)兩種即可
c) 其它前綴為 -webkit- -moz- -ms- 無前綴 四種,(-o-Opera瀏覽器改用blink內核,所以淘汰)
· 避免讓選擇符看起來像正則表達式
高級選擇器執行耗時長且不易讀懂,避免使用