網(wǎng)頁布局命名規(guī)范

1、1. 常用的CSS命名規(guī)則頭：header內(nèi)容：content /container Chinaz尾：footer導(dǎo)航：nav側(cè)欄：sidebar欄目：column頁面外圍控制整體布局寬度：wrapper左右中：left right center登錄條：loginbar標志：logo廣告：banner頁面主體：main熱點：hot新聞：news下載：download子導(dǎo)航：subnav菜單：menu 子菜單：submenu搜索：search友情鏈接：friendlink頁腳：footer版權(quán)：copyright滾動：scroll內(nèi)容：content標簽頁：tab文章列表：list 提示信息：m

2、sg小技巧：tips欄目標題：title加入：joinus指南：guild服務(wù)：service注冊：regsiter狀態(tài)：status投票：vote合作伙伴：partner2.注釋的寫法:/* Footer */內(nèi)容區(qū)/* End Footer */3. id的命名:(1)頁面結(jié)構(gòu)容器: container頁頭：header內(nèi)容：content/container頁面主體：main頁尾：footer導(dǎo)航：nav側(cè)欄：sidebar欄目：column頁面外圍控制整體布局寬度：wrapper左右中：left right center(2)導(dǎo)航導(dǎo)航：nav主導(dǎo)航：mainbav子導(dǎo)航：subnav頂

3、導(dǎo)航：topnav邊導(dǎo)航：sidebar左導(dǎo)航：leftsidebar右導(dǎo)航：rightsidebar菜單：menu子菜單：submenu標題: title摘要: summary(3)功能標志：logo廣告：banner登陸：login登錄條：loginbar注冊：regsiter搜索：search功能區(qū)：shop標題：title加入：joinus狀態(tài)：status按鈕：btn滾動：scroll標簽頁：tab文章列表：list提示信息：msg當前的: current小技巧：tips圖標: icon注釋：note指南：guild服務(wù)：service熱點：hot新聞：news下載：download

4、投票：vote合作伙伴：partner友情鏈接：link版權(quán)：copyright4.class的命名:(1)顏色:使用顏色的名稱或者16進制代碼,如.red color: red; .f60 color: #f60; .ff8600 color: #ff8600; (2)字體大小,直接使用”font+字體大小”作為名稱,如.font12px font-size: 12px; .font9pt font-size: 9pt; (3)對齊樣式,使用對齊目標的英文名稱,如.left float:left; .bottom float:bottom; (4)標題欄樣式,使用”類別+功能”的方式命名,如.barnews .barproduct 注意事項:1.一律小寫;2.盡量用英文;3.不加中杠和下劃線;4.盡量不縮寫，除非一看就明白的單詞.主要的 master.css模塊 module.css基本共用 base.css布局，版面 layout.css主題