一：css命名規(guī)則
使用類選擇器，放棄ID選擇器航闺。因?yàn)镮D在一個(gè)頁面中的唯一性導(dǎo)致了如果以ID為選擇器來寫css褪测，就無法重用猴誊，而class而優(yōu)勢在于復(fù)用性，而且私有度也并不高侮措。因此懈叹，我一般情況下會選擇在HTML中的ID用于JavaScript，但是在CSS里只用class分扎，一個(gè)ID也不用澄成。這樣做實(shí)際上也是將表現(xiàn)和行為分開，而不是混在一起畏吓。
在html文件中寫class的方法：使用單個(gè)字母+“-”為前綴墨状。比如：對于header部分，我們可以這樣寫:
<div class="g-header"></div>
單個(gè)字母的意思就是（grid）的第一個(gè)字母庵佣。好處是我們在css代碼中可以通過首字母清楚地知道其作用是什么歉胶，即見名知意。除此之外巴粪，我們應(yīng)當(dāng)注意：在命名時(shí)應(yīng)當(dāng)盡量簡約而不失語義通今。
二：css代碼格式
1、選擇器肛根、屬性和值都是用小寫辫塌。
2、單行寫完一個(gè)選擇器定義派哲。
3臼氨、最后一個(gè)值也要以分號結(jié)尾。
4芭届、省略值為0的單位
5储矩、使用16進(jìn)制表示顏色值，其中的字母使用大寫形式褂乍，并盡量縮寫持隧。
6、根據(jù)屬性的重要性順序書寫逃片。
7屡拨、私有在前，標(biāo)準(zhǔn)在后褥实。
三呀狼、類選擇器的命名建議
1、對于布局损离，即用.g-作為前綴哥艇，通常有以下推薦的寫法。
頭部： header或head
主體： body
尾部：footer或foot
主欄： main
側(cè)欄：side
盒容器： wrap或box
主欄子容器：mainc
側(cè)欄子容器：sidec
2.對于模塊僻澎，即.m-作為前綴她奥。元件瓮增，.u-作為前綴，通常有下面推薦的寫法哩俭。
導(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
注冊：register或regist
投票：vote
版權(quán):copyright
結(jié)果：result
按鈕：button
輸入：input
以上です。
