1. 基本原則
1.1 把CSS放在HTML頁面頭部
由于瀏覽器需要在所有的樣式表加載完成后才能開始渲染頁面,樣式表加載完成之前頁面會一直顯示空白,因此需要將樣式表放在頭部。
@import 相當(dāng)于把 標(biāo)簽放在頁面的底部,因此從優(yōu)化性能的角度考慮,應(yīng)避免使用 @import。
1.2 避免使用 CSS Expressions
Expression 只有 IE 支持,而且他的執(zhí)行比大多數(shù)人想象的要頻繁的多。不僅頁面渲染和改變大小 (resize) 時會執(zhí)行,頁面滾動 (scroll) 時也會執(zhí)行,甚至連鼠標(biāo)在頁面上滑動時都會執(zhí)行。在 expression 里面加上一個計數(shù)器就會知道,expression 的執(zhí)行上相當(dāng)頻繁的。鼠標(biāo)的滾動很容易就會使 expression 的執(zhí)行次數(shù)超過 10000。
1.3 CSS簡寫
1.3.1 16進(jìn)制顏色值簡寫
新聞熱點
疑難解答