CSS書寫規範

標籤：play   http   dex   重複   home   字元   大小   劃線   cin   

一、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書寫規範

1.使用CSS縮寫屬性

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

 

 

2.去掉小數點前的“0”

 

3.簡寫命名

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

 

4.16進位顏色代碼縮寫

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

 

5.連字號CSS選取器命名規範

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

2）不建議使用“_”底線來命名CSS選取器，為什麼呢？

• • 輸入的時候少按一個shift鍵
  • 瀏覽器安全色問題（比如使用_tips的選取器命名，在IE6是無效的）
  • 能良好區分JavaScript變數命名（JS變數命名是用“_”）

 

6.不要隨意使用id

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

 

7.為選取器添加狀態首碼

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

 

PS：文章轉載自nzbin的部落格，看到很不錯，學習下吧，利己利人！

CSS書寫規範