學習CSS最佳化的7項技巧

　　一.使用css縮寫
　　使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。css縮寫的主要規則請參看《常用css縮寫文法總結》，這裡就不展開描述。
　　二.明確定義單位，除非值為0
　　忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以唯寫width=100，但是在CSS中，你必須給一個準確的單位，比如：width:100px width:100em。只有兩個例外情況可以不定義單位：行高和0值。除此以外，其他值都必須緊跟單位，注意，不要在數值和單位之間加空格。
　　三.區分大小寫
　　當在XHTML中使用CSS，CSS裡定義的元素名稱是區分大小寫。為了避免這種錯誤，我建議所有的定義名稱都採用小寫。class和id的值在HTML和XHTML中也是區分大小寫，如果你一定要大小寫混合寫，請仔細確認你在CSS的定義和XHTML裡的標籤是一致的。
　　四.取消class和id前的元素限定
　　當你寫給一個元素定義class或者id，你可以省略前面的元素限定，因為ID在一個頁面裡是唯一的，不可以在頁面中多次使用。你限定某個元素毫無意義。例如：

代碼如下	複製代碼
div#content { /* declarations */ } fieldset.details { /* declarations */ } 可以寫成 #content { /* declarations */ } .details { /* declarations */ }

這樣可以節省一些位元組。
　　五.預設值
　　通常padding的預設值為0，background-color的預設值是transparent。但是在不同的瀏覽器預設值可能不同。如果怕有衝突，可以在樣式表一開始就先定義所有元素的margin和padding值都為0，象這樣：

代碼如下	複製代碼
* { margin:0; padding:0; }

　　六.不需要重複定義可繼承的值
　　CSS中，子項目自動繼承父元素的屬性值，象顏色、字型等，已經在父元素中定義過的，在子項目中可以直接繼承，不需要重複定義。但是要注意，瀏覽器可能用一些預設值覆蓋你的定義。
　　七.最近優先原則
　　如果對同一個元素的定義有多種，以最接近(最小一級)的定義為最優先，例如有這麼一段代碼
Update: Lorem ipsum dolor set
　　在CSS檔案中，你已經定義了元素p，又定義了一個classupdate

代碼如下	複製代碼
p { margin:1em 0; font-size:1em; color:#333; } .update { font-weight:bold; color:#600; }

　　這兩個定義中，class=update將被使用，因為class比p更近。你可以查閱W3C的《 Calculating a selector’s specificity》 瞭解更多。