首頁 > web前端 > css教學 > 主體

css編寫注意事項總結分享

黄舟
發布: 2017-09-16 11:37:09
原創
1465 人瀏覽過

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

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

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

 所以盡量減少深度

2、減少inline  CSS的數量

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

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

 #tp p{}   (父)                                         
 #tp>p{}  (子)
登入後複製

5、避免使用通配符  例如.mod *{}

 

6、盡可能地命名不縮寫,除非一看就明白的單字

 

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

 

8、css註解  單行註解         /**/ 多行註解

 

9、有些屬性必須符合瀏覽器相容

 ## 

9、有些屬性必須符合瀏覽器相容

 

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

 

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

 

################################## #12、ID必須唯一且在文件中定義###### ######13、css程式碼命名不建議使用中槓連接符號###### ######14、建議單位使用相對長度單位,如em和%###### ######15、css中謹慎使用expression , 盡量不要使用###### #######16、css中盡量不要使用濾鏡,因為濾鏡會影響程式碼讀取速度和相容性###### ###

以上是css編寫注意事項總結分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板