css書寫規(guī)范

1、前端CSS和XHTMLCSS命名規(guī)則命名規(guī)則頁面制作最重要的就是CSS，定義合理的CSS命名規(guī)范，可以大幅提高頁面制作的效率和方便開發(fā)及相關(guān)人員修改編寫。關(guān)于CSS的命名我們采用駱駝式命名法。駱駝式命名法：駱駝式命名法：正如它的名稱所表示的那樣，是指混合使用大小寫字母來構(gòu)成變量和函數(shù)的名字即函數(shù)名中的每一個邏輯斷點(diǎn)都有一個大寫字母來標(biāo)記.駱駝式命名法近年來越來越流行了。例如：mianNavfootNav1.1.通用通用命名規(guī)則：命名規(guī)則

2、：1)所有ID或者class字母和數(shù)字之間用“_”連接，如:#col_1、#col_22)所有ID或者class兩個單詞之間的鏈接采用駱駝式命名法，如:mianNav、footNav3)頁面主體框架布局命名：Lay_1、Lay_2、Lay_34)欄目布局容器命名一律采用:col_1、col_2、col_3、col_4、col_N5)欄目標(biāo)題塊命名一律采用title。元素標(biāo)簽采用:如：標(biāo)題6)頁面所有圖片區(qū)域全部采用：pic_1、pic_

3、2、pic_3、pic_N7)頁面文本列表區(qū)域全部采用：Lst_1、Lst_2、Lst_3、Lst_N8)頁面上按鈕采用：btn_1、btn_2、btn_3、btn_N9)廣告區(qū)域：ad_1ad_2ad_3ad_N2.2.主框架命名規(guī)則：主框架命名規(guī)則：1)#header(頁面頭部)2)#main(頁面主體)3)#footer(頁面尾部)3.3.通用命名規(guī)則：通用命名規(guī)則：主體：main外層：wrap功能條：funcBar主導(dǎo)航：mai

4、nNav前端CSS和XHTML狀態(tài)：status按鈕：btn投票：vote4.4.常用簡寫命名規(guī)則：常用簡寫命名規(guī)則：bd：Bodyhd：Headerfnt：字體nav：導(dǎo)航tb：表格lnk：鏈接mlmr：marginleftmarginrightlst：列表plprpd：paddingleftrightpaddingcol：欄目frm：表單con：內(nèi)容inf：信息lg：Logoinp：Inputft：Footerbtn：Buttonm