css編碼規範

一、 基本約定　　

1.        所有的CSS的儘量採用外部呼叫,確定只有本頁面呼叫的css除外。 　

2.        檔案頭部加上檔案資訊，必須包括檔案描述、作者、修改人(更新人+時間)

3.        編碼格式：使用UTF-8

4.        字號用畫素px來定義

5.        排版中首行縮排用css來處理，不要使用全形空格來達到效果

6.        為了最大程度的發揮瀏覽器自動排版的功能，在一段完整的文字中請儘量不要使用<br>來人工干預分段。

7.        所有的字號都應該用樣式表來實現。

8.        行距用百分比來定義，常用的兩個行距的值是line-height:120%/150%.

9.        網站中的路徑全部採用相對路徑。

10.    控制元件名稱統一匈牙利命名規則。

11.    採用通俗易懂的英文單詞並按內容/功能命名，除佈局、唯一獨立模組外建議少用id，必須保證id唯一性

12.    禁止濫用！important（使用前必須討論確認不會造成其他BUG或者維護問題）

13.    每個樣式屬性後（必須）加";"

二、CSS命名參考

1.        一律採用小寫中劃線方式命名，如 xxx-yyy，禁止出現大寫字母

2.        儘可能提高程式碼模組的複用，複用模組、獨立模組可按xxx-mod命名（-mod可不寫），mod下面再取xxx-hd（頭部）、xxx-bd（內容）、xxx-ft（底部）命名

三、CSS樣式書寫順序

1、顯示屬性

* display * list-style * position * float * clear

2、自身屬性

* width * height * margin * padding * border * background

3、文字屬性

* color * font * text-decoration * text-align

* vertical-align * white-space * other text * content

4、其它屬性

這裡尤其要注意的是a:linka:visited a:hover a:actived 的排列順序一定要嚴格照上面的樣例程式碼，否則或多或少會出問題。另外我們規定重定義的最先，偽類其次，自定義最後，便於自己和他人閱讀。