1.說一說你平時寫代碼遵守的編碼規(guī)范
- 命名技巧
一禁偎、語義化
1.語義化標簽優(yōu)先
2.基于功能命名杀怠、基于內(nèi)容命名、基于表現(xiàn)命名
3.簡略腕唧、明了或辖、無后患
二、命名范例
1.所有命名都使用英文小寫
推薦:<div class="main"></div>
不推薦: <div class="Main"></div>
2.命名用引號包裹
推薦:<div id="header"></div>
不推薦: <div id=header></div>
3.用中橫線連接
推薦:<div class="mod-modal"></div>
不推薦: <div class="modModal"></div>
4.命名體現(xiàn)功能枣接,不涉及表現(xiàn)樣式(顏色颂暇、字體、邊框但惶、背景等)
推薦:<div class="text-lesser"></div>
不推薦: <div class="light-grey"></div>
- CSS規(guī)范
一耳鸯、書寫規(guī)范
1.tab 用兩個空格表示
2.css的 :后加個空格, {前加個空格
3.每條聲明后都加上分號
4.換行膀曾,而不是放到一行
h1,
h2,
h3 {
font-weight: normal;
line-height: 1.2;
}
5.顏色用小寫县爬,用縮寫, #fff
6.小數(shù)不用寫前綴, 0.5s -> .5s;0不用加單位
7.盡量縮寫添谊, margin: 5px 10px 5px 10px -> margin: 5px 10px