一：css命名規(guī)則

使用類選擇器，放棄ID選擇器。因為ID在一個頁面中的唯一性導致了如果以ID為選擇器來寫css，就無法重用，而class而優(yōu)勢在于復用性，而且私有度也并不高。因此，我一般情況下會選擇在HTML中的ID用于JavaScript，但是在CSS里只用class，一個ID也不用。這樣做實際上也是將表現(xiàn)和行為分開，而不是混在一起。

在html文件中寫class的方法：使用單個字母+“-”為前綴。比如：對于header部分，我們可以這樣寫:

<div class="g-header"></div>

單個字母的意思就是（grid）的第一個字母。好處是我們在css代碼中可以通過首字母清楚地知道其作用是什么，即見名知意。除此之外，我們應當注意：在命名時應當盡量簡約而不失語義。

二：css代碼格式

1、選擇器、屬性和值都是用小寫。

2、單行寫完一個選擇器定義。

3、最后一個值也要以分號結尾。

4、省略值為0的單位

5、使用16進制表示顏色值，其中的字母使用大寫形式，并盡量縮寫。

6、根據(jù)屬性的重要性順序書寫。

7、私有在前，標準在后。

三、類選擇器的命名建議

1、對于布局，即用.g-作為前綴，通常有以下推薦的寫法。

頭部： header或head

主體： body

尾部：footer或foot

主欄： main

側欄：side

盒容器： wrap或box

主欄子容器：mainc

側欄子容器：sidec

2.對于模塊，即.m-作為前綴。元件，.u-作為前綴，通常有下面推薦的寫法。

導航： nav

子導航：subnav

菜單：menu

選項卡：tab

標題區(qū)：head或title

內容區(qū)：body或content

列表：list

表格：table

表單：form

排行：top

熱點：hot

登錄：login

標志：logo

廣告：adervertise

搜索：search

幻燈：slide

幫助：help

新聞：news

下載：download

注冊：register或regist

投票：vote

版權:copyright

結果：result

按鈕：button

輸入：input

以上です。