CSS的編寫是需要積累的,而一個好的css編寫習慣對我們將來的成長是非常有利的,我會把我平時看到的或者遇到的會不定時的更新到這裡,不時翻一下,但求有所進步。 如果各位看官也有看法和建議,評論下,我也會更新進來,謝謝! 1、css選擇符是從右到左進行比配的,例如 #nav li,查找時先會去找到所有的 ...
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中儘量不要使用濾鏡,因為濾鏡會影響代碼讀取速度和相容性