CSS規範

       規範化的CSS不僅利于團隊合作，而且對後期的維護以及代碼的重用，都是十分至關重要的，是以，學習總結CSS規範的相關知識。

       CSS規範，主要包含以下4種。命名規範，書寫規範，注釋規範，CSS reset。

       1：命名規範

             對于CSS命名規範，主要有兩個方面：CSS檔案名、id和class命名。

             CSS檔案命名：

                      reset.css 重疊樣式，重置元素預設樣式  

                      global.css 全局樣式，全站公用，定義頁面基礎樣式

                      themes.css 主題樣式，用于實作換膚功能

                     module.css 子產品樣式，用于模闆的樣式

                     master.css 母版樣式，用于母版頁的樣式

                     columns.css 專欄樣式，用于專欄的樣式

                     forms.css 表單樣式，用于表單的樣式

                     mend.css 更新檔樣式，用于維護、修改的樣式

                     print.css 列印樣式，用于列印的樣式

              id和class命名

             id和class命名，比較常見的有三種方法。

              （1）駱駝峰命名法：例如topMain、subLeftMenu。

              （2）中劃線命名法：例如top-main、sub-left-menu。

              （3）下劃線命名法：例如top_main、sub_left_menu。

             在CSS中，對于元素id和class的命名。有如下建議：

              （1）使用英文命名而不是非中文命名。例如頁面頭部應該命名為header而不是toubu。

              （2）盡量不縮寫，除非是一看就明白的單詞，例如nav。

              （3）命名統一規範，盡量不要出現一個用中劃線命名，而另一個用下劃線命名，建議使用中劃線。

              （4）為了避免class命名的重複，命名時一般取父元素的class名作為字首。

       2：書寫規範

              CSS屬性書寫順序

       影響文檔流屬性（布局屬性）：display、position、float、clear。

       自身盒模型屬性：width、height、padding、margin、border、overflow。

       文本性屬性：font、line-height、text-align、text-indent、vertical-align。

       裝飾性屬性：color、background-color、opacity、cursor。

       其他屬性：content、list-style、quotes。

      3：注釋規範

           （1）頂部注釋：頂部注釋是檔案的基本資訊，一般包括檔案說明，檔案版本（更新），作者以及版權聲明等。

           （2）子產品注釋：子產品注釋是各個模闆（如導航，底部資訊欄等）的注釋說明，子產品注釋建議要說明“開始”和“結束”，以便一目了然。