這些是參考了國外一些文章以及我的個人經驗總結出來，我想對寫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等)

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

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

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

2）.不建議使用“_”下劃線來命名CSS選擇器，為什么呢？

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

有時候可以給選擇器添加一個表示狀態的前綴，讓語義更明了，比如下圖是添加了“.is-”前綴。

頭：header
內容：content/container
尾：footer
導航：nav
側欄：sidebar
欄目：column
頁面外圍控制整體