1. 每個樣式屬性后（必須）加 ";"
? ? ?方便壓縮工具"斷句"。
2. Class命名中（禁止）出現(xiàn)大寫字母纲酗，（必須）采用”?-?“對class中的字母分隔备图，如：
?正確的寫法? .header-title { font-weight: bold; }
不推薦的寫法? .headerTitle { font-weight: bold; }
用"-"隔開比使用駝峰是更加清晰。
產(chǎn)品線-產(chǎn)品-模塊-子模塊纵装，命名的時候也可以使用這種方式髓窜。
3. 空格的使用扇苞，以下規(guī)則（必須）執(zhí)行：
.hotel-content { font-weight: bold; }
選擇器與{?之前（必須）要有空格
屬性名的:?后（必須）要有空格
屬性名的:?前（禁止）加空格
4. 多選擇器規(guī)則之間（必須）換行
當(dāng)樣式針對多個選擇器時每個選擇器占一行
/* 推薦的寫法 */?
a.btn,
input.btn,
input[type="button"] {? ? ......
}
5.（禁止）將樣式寫為單行, 如
.hotel-content {margin: 10px; background-color: #efefef;}
6.（禁止）向?0?后添加單位, 如：
.obj {? ? left: 0px;}
7. （禁止）使用css原生import
使用css原生import有很多弊端，比如會增加請求數(shù)等....
8.（推薦）屬性的書寫順序, 舉個例子:
.hotel-content {
/* 定位 */ display: block;
?position: absolute;?
?left: 0;
?top: 0;
/* 盒模型 */
?width: 50px;?
?height: 50px;
?margin: 10px;?
?border: 1px solid black;
?/ *其他* /
color: #efefef;
?}
定位相關(guān), 常見的有：displaypositionlefttopfloat等
盒模型相關(guān), 常見的有：widthheightmarginpaddingborder等
其他屬性
9.（推薦）當(dāng)編寫針對特定html結(jié)構(gòu)的樣式時寄纵，使用元素名+?類名
/* 所有的nav都是針對ul編寫的 */
?ul.nav {? ? ......
}
".a div"和".a div.b"鳖敷，為什么后者好？如果需求有所變化程拭，在".a"下有多加了一個div定踱，試問，開始的樣式是不是會影響后來的div啊~
10. （禁止）使用行內(nèi)（inline）樣式
<p style="font-size: 12px; color: #FFFFFF">開心</p>
像這樣的行內(nèi)樣式哺壶，最好用一個class代替屋吨。又如要隱藏某個元素蜒谤，可以給他加一個class
.hide {? ? display: none;}
盡量做到樣式和結(jié)構(gòu)分離~
