一：css命名規(guī)則
使用類(lèi)選擇器，放棄ID選擇器。因?yàn)镮D在一個(gè)頁(yè)面中的唯一性導(dǎo)致了如果以ID為選擇器來(lái)寫(xiě)css，就無(wú)法重用，而class而優(yōu)勢(shì)在于復(fù)用性，而且私有度也并不高。因此，我一般情況下會(huì)選擇在HTML中的ID用于JavaScript，但是在CSS里只用class，一個(gè)ID也不用。這樣做實(shí)際上也是將表現(xiàn)和行為分開(kāi)，而不是混在一起。
在html文件中寫(xiě)class的方法：使用單個(gè)字母+“-”為前綴。比如：對(duì)于header部分，我們可以這樣寫(xiě):
<div class="g-header"></div>
單個(gè)字母的意思就是（grid）的第一個(gè)字母。好處是我們?cè)赾ss代碼中可以通過(guò)首字母清楚地知道其作用是什么，即見(jiàn)名知意。除此之外，我們應(yīng)當(dāng)注意：在命名時(shí)應(yīng)當(dāng)盡量簡(jiǎn)約而不失語(yǔ)義。
二：css代碼格式
1、選擇器、屬性和值都是用小寫(xiě)。
2、單行寫(xiě)完一個(gè)選擇器定義。
3、最后一個(gè)值也要以分號(hào)結(jié)尾。
4、省略值為0的單位
5、使用16進(jìn)制表示顏色值，其中的字母使用大寫(xiě)形式，并盡量縮寫(xiě)。
6、根據(jù)屬性的重要性順序書(shū)寫(xiě)。
7、私有在前，標(biāo)準(zhǔn)在后。
三、類(lèi)選擇器的命名建議
1、對(duì)于布局，即用.g-作為前綴，通常有以下推薦的寫(xiě)法。
頭部： header或head
主體： body
尾部：footer或foot
主欄： main
側(cè)欄：side
盒容器： wrap或box
主欄子容器：mainc
側(cè)欄子容器：sidec
2.對(duì)于模塊，即.m-作為前綴。元件，.u-作為前綴，通常有下面推薦的寫(xiě)法。
導(dǎo)航： nav
子導(dǎo)航：subnav
菜單：menu
選項(xiàng)卡：tab
標(biāo)題區(qū)：head或title
內(nèi)容區(qū)：body或content
列表：list
表格：table
表單：form
排行：top
熱點(diǎn)：hot
登錄：login
標(biāo)志：logo
廣告：adervertise
搜索：search
幻燈：slide
幫助：help
新聞：news
下載：download
注冊(cè)：register或regist
投票：vote
版權(quán):copyright
結(jié)果：result
按鈕：button
輸入：input
以上です。
