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等)

   

書寫規範

• 使用縮寫

  

• 去掉小數點前的「0」

  

• 16進制顏色代碼縮寫

  

選擇器規範

• 長名稱或詞組可使用中橫線來爲選擇器命名。

• 不建議使用「_」下劃線來命名CSS選擇器，爲何呢？

  • 輸入的時候少按一個shift鍵；
  • 瀏覽器兼容問題（好比使用_tips的選擇器命名，在IE6是無效的）能良好區分JavaScript變量命名（JS變量命名是用「_」）

• 不要隨意使用id

• 爲選擇器添加狀態前綴