讓CSS更高效

十六進位的顏色值對位元與大小寫

十六進位的顏色值預設標準是大寫及6位元標註。在未知情況下不希望冒險而降低了渲染的效率。 不贊成 - color:#f3a; 建議用 - color:#FF33AA;

display與visibility的差異

display隱藏對象不保留物理空間，visibility為隱藏對象保留佔據的物理空間。當瀏覽器渲染被佔據的物理空間時，會有所消耗資源。 不贊成 - visibility:hidden; 建議用 - display:none;

 

border:none;與border:0;的區別

border:0;儘管可以隱藏掉邊框，但它會為你保留border-color/border-style的使用權。 不贊成 - border:0; 建議用 - border:none;

  不宜過小的背景圖片平鋪  

一張寬高1px的背景圖片，雖然檔案體積非常之小，但渲染寬高500px的板塊需要重複平鋪2500次。

  不贊成*{ margin:0; padding:0;}避免瀏覽器樣式差異  

不贊成，使用*號萬用字元 不贊成，div span button b table等標籤納入萬用字元控制內外填充樣式 建議用，有選擇性地使用萬用字元控制內外填充樣式。 *號萬用字元把所有標籤都初始化一遍，瀏覽器的渲染消耗一定的資源。

  不要用標籤名或class來描述ID,class類  

ID,class都是唯一的,所有沒有必要 差 - input#data1 {} 好 - #data1 {}   差 - input.class1 {} 好 - .class {}

  避免子孫選擇符  

差 - treehead treerow treecell { } 好一點 - treehead > treerow > treecell { } 好 - .treecell-header { }