css編寫注意事項總結分享

CSS的編寫是需要積累的，而一個好的css編寫習慣對我們將來的成長是非常有利的，我會把我平時看到的或者遇到的會不定時的更新到這裡，不時翻一下，但求有所進步。

如果各位看官也有看法和建議，評論下，我也會更新進來，謝謝！

1、css選擇符是從右至左進行比配的，例如 #nav li，尋找時先會去找到所有的li，然後再去篩選父元素，確定匹配的父元素......所以效能其實很差

　所以盡量減少深度

2、減少inline CSS的數量

3、使用現代合法的css屬性

4、避免使用後代選擇符 ，盡量使用子代選擇符

　#tp p{}   (父)                                         　#tp>p{}  (子)

5、避免使用萬用字元 例如.mod *{}

6、命名盡量不縮寫，除非一看就明白的單詞

7、盡量統一用英文、英文簡寫或者統一使用拼音

8、css注釋 <!-- --> 單行注釋 /**/ 多行注釋

9、有些屬性必須符合瀏覽器安全色

10、全部小寫，且每一項css定義成一行

11、所有裝飾性的圖片要寫在css中

12、ID必須唯一且在文檔中定義

13、css代碼命名不建議使用中杠串連符

14、建議單位使用相對長度單位，如em和%

15、css中謹慎使用expression , 盡量不要使用

16、css中盡量不要使用濾鏡，因為濾鏡會影響代碼讀取速度和相容性