規(guī)范的編碼會使代碼更具可讀性贵涵,這對開發(fā)時保持代碼清晰的結(jié)構(gòu)列肢,以及日后對代碼的維護,都具有重要意義宾茂。
通常CSS編碼規(guī)范也就分為命名技巧與CSS書寫規(guī)范兩部分了瓷马,比較常見通用的規(guī)范如下:
1. 命名技巧
- 語義化標簽優(yōu)先使用
- 基于功能命名、基于內(nèi)容命名跨晴、基于表現(xiàn)命名欧聘,但少用簡寫
- 簡略、明了坟奥、無后患
其他細節(jié):
(1). 命名用英文小寫字母
(2). 命名用引號包裹
(3). 多個單詞的命名用短橫線 '-' 連接
(4). 按照功能命名,不要涉及樣式表現(xiàn)
2. CSS規(guī)范
- tab用兩個空格表示
- css的
:
后面加個空格拇厢,{
前加個空格 - 每條聲明后面都要以
;
結(jié)尾 - 換行爱谁,一行只寫一條聲明
- 顏色用小寫,能縮寫時用縮寫孝偎,例如
#abc
访敌,而不是#aabbcc
- 零點幾的小數(shù)不用寫前綴,0不用寫單位
- 可以縮寫時盡量縮寫
我自己在學習中也是遵循著以上規(guī)范來編寫代碼的衣盾,唯一到不同的是寺旺,到現(xiàn)在還是不習慣零點幾的小數(shù)省去整數(shù)位,在我看來‘0’比小數(shù)點顯眼得多势决,這樣不省略的寫法更容易讓人一眼分辨出這是一個小于1的小數(shù)阻塑。
我覺得規(guī)范的存在是為了讓團隊的代碼風格保持一致性,這樣團隊里誰讀誰的代碼都不會覺得不舒服果复,更利于團隊對整個代碼項目的維護陈莽。雖然規(guī)范多數(shù)時候并不影響代碼的正確性與運行結(jié)果,但如果真的在團隊中工作虽抄,遵守統(tǒng)一的代碼規(guī)范也是團隊合作的重要一環(huán)走搁。