CSS 檔案的大小和所引起的HTTP 的請求數
是CSS 效能最關鍵的因素
回流(reflow)和渲染時間
(非常!)沒那麼重要
副本(duplication)比陳舊的規則(stale rules)更糟
因為我們有工具處理後者
定義缺省值
不要在每個地方都重複編碼
不好的:
#weatherModule h3{color:red;}
#tabs h3{color:blue;}
推薦:
h1, .h1{...}
h2, .h2{...}
h3, .h3{...}
h4, .h4{...}
h5, .h5{...}
h6, .h6{...}
用單獨的class 來定義結構
不要在每個地方都重複編碼
使用class
而不是元素選擇器
不好的:
div.error{...}
推薦:
.error{絕大多數程式碼寫在這裡}
div.error{單獨定義}
p.error{單獨定義}
em.error{單獨定義}
出處: 99css