css編程規範-借鑑kissy

css校驗

除了css hack和瀏覽器私有屬性，推薦使用 w3c validation service校驗其他的代碼

代碼規範

通常性命名

使用小寫字母，複合詞使用-分隔

id和類的命名

爲id和樣式類使用有意義或者通用的名字，避免因爲css命名更改引發沒必要要的文檔或者模塊的改變；

id和class的命名長度要適中，不要太過簡略或者太過詳細

元素選擇器

爲了性能緣由，請避免元素選擇器和類選擇器以及id選擇器混用

簡寫屬性名字

爲了提升可讀性，儘量的使用簡寫屬性。

0和單位

對屬性值爲0的狀況省略單位

0前綴狀況

省略屬性值爲0的前綴

16進制的顏色值表示

儘量使用3個字符的16進制顏色值

前綴

爲了防止衝突，對於應用特定的樣式附加應用前綴

hacks

避免使用css hack 考慮使用特定瀏覽器前綴表示

格式規範

屬性聲明順序

按照字母順序聲明屬性，排序的時候忽略私有的瀏覽器前綴，對於特定的瀏覽器，私有的瀏覽器前綴應該參與排序。

塊縮進

塊的內容應該被縮進

分號

使用分號結束單個屬性的定義

空格

在屬性名冒號後加一個空格

空行

多個選擇器以及聲明之間以行空格

多個css規則之間以空行分割

引號

儘量不要使用引號，無可奈何的時候使用單引號

註釋

成組的css規則之間用塊狀註釋和空行分割