CSS 文件的大小和所引起的 HTTP 的請(qǐng)求數(shù)
是 CSS 性能的最關(guān)鍵因素
回流(reflow)和渲染時(shí)間
(非常!)沒(méi)那么重要
副本(duplication)比陳舊的規(guī)則(stale rules)更糟糕
因?yàn)槲覀冇泄ぞ咛幚砗笳?/p>
定義缺省值
不要在每處都重復(fù)編碼
不好的:
#weatherModule h3{color:red;} #tabs h3{color:blue;}
推薦:
h1, .h1{...} h2, .h2{...} h3, .h3{...} h4, .h4{...} h5, .h5{...} h6, .h6{...}
用單獨(dú)的 class 來(lái)定義結(jié)構(gòu)
不要在每處都重復(fù)編碼
使用 class
而不是元素選擇器
不好的:
div.error{...}
推薦:
.error{絕大多數(shù)代碼寫(xiě)在這里} div.error{單獨(dú)定義} p.error{單獨(dú)定義} em.error{單獨(dú)定義}
出處:99css
責(zé)任編輯:bluehearts
上一頁(yè) 下一頁(yè) 馴服CSS選擇器--健壯我們的樣式表 [2]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。
|