推薦大家使用的CSS書寫規範順序

1.位置屬性(position, top, right, z-index, display, float等)

2.大小(width, height, padding, margin)

3.文字系列(font, line-height, letter-spacing, color- text-align等)

4.背景(background, border等)

5.其他(animation, transition等)

css有些屬性是可以縮寫的，比如padding,margin,font等等，這樣精簡**同時又能提高使用者的閱讀體驗。

很多使用者都喜歡簡寫類名，但前提是要讓人看懂你的命名才能簡寫哦！

有些顏色**是可以縮寫的，我們就盡量縮寫吧，提高使用者體驗為主。

1.長名稱或片語可以使用中橫線來為選擇器命名。

2.不建議使用「_」下劃線來命名css選擇器，為什麼呢？

id在js是唯一的，不能多次使用，而使用class類選擇器卻可以重複使用，另外id的優先順序優先與class，所以id應該按需使用，而不能濫用。

有時候可以給選擇器新增乙個表示狀態的字首，讓語義更明了，比如下圖是新增了「.is-」字首。

/* header */

內容區/* end header */

1)頁面結構

(2)導航

(3)功能

1.一律小寫;

2.盡量用英文;

3.不加中槓和下劃線;

4.盡量不縮寫，除非一看就明白的單詞。

主要的 master.css

模組 module.css

基本共用 base.css

布局、版面 layout.css

主題 themes.css

專欄 columns.css

文字 font.css

表單 forms.css

補丁 mend.css

列印 print.css

推薦大家使用的CSS書寫規範 順序