容? ? 器：container/box?
頭? ? 部：header?
主 導(dǎo) 航：mainNav?
子 導(dǎo) 航：subNav?
頂 導(dǎo) 航：topNav?
網(wǎng)站標(biāo)志：logo?
大 廣 告：banner?
頁(yè)面中部：mainBody?
底? ? 部：footer?
菜? ? 單：menu?
菜單內(nèi)容：menuContent?
子 菜 單：subMenu?
子菜單內(nèi)容：subMenuContent?
搜? ? 索：search?
搜索關(guān)鍵字：keyword?
搜索范圍：range?
標(biāo)簽文字：tagTitle?
標(biāo)簽內(nèi)容：tagContent?
當(dāng)前標(biāo)簽：tagCurrent/currentTag?
標(biāo)　??題：title?
內(nèi)? ? 容：content?
列? ? 表：list?
當(dāng)前位置：currentPath?
側(cè) 邊 欄：sidebar?
圖? ? 標(biāo)：icon?
注? ? 釋：note?
登? ? 錄：login?
注? ? 冊(cè)：register?
列 定 義：column_1of3 (三列中的第一列)
? ?? ?? ?column_2of3 (三列中的第二列)
? ?? ?? ?column_3of3 (三列中的第三列)

外　套：　　wrap
主導(dǎo)航：　　mainnav
子導(dǎo)航：　　subnav
頁(yè)　腳：　　footer
整個(gè)頁(yè)面：　content
頁(yè)　眉：　　header
頁(yè)　腳：　　footer
商　標(biāo)：　　label
標(biāo)　題：　　title
主導(dǎo)航：　　mainbav（globalnav）
頂導(dǎo)航：　　topnav
邊導(dǎo)航：　　sidebar
左導(dǎo)航：　　leftsidebar
右導(dǎo)航：　　rightsidebar
旗　志：　　logo
標(biāo)　語(yǔ)：　　banner
菜單內(nèi)容1： menu1 content
菜單容量：　menu container
子菜單：　　submenu
邊導(dǎo)航圖標(biāo)：sidebarIcon
注釋：　　　note
面包屑：　　breadcrumb(即頁(yè)面所處位置導(dǎo)航提示）
容器：　　　container
內(nèi)容：　　　content
搜索：　　　search
登陸：　　　Login
功能區(qū)：　　shop(如購(gòu)物車，收銀臺(tái))
當(dāng)前的　　　current

2.另外在編輯樣式表時(shí)可用的注釋可這樣寫(xiě)：
<-- Footer -->
內(nèi)容區(qū)
<-- End Footer -->

3.樣式文件命名
主要的 master.css
布局，版面 layout.css
專欄 columns.css
文字 font.css
打印樣式 print.css
主題 themes.css?

轉(zhuǎn)載于:https://www.cnblogs.com/jianjunyue/archive/2010/04/21/1717186.html

總結(jié)

以上是生活随笔為你收集整理的CSS命名规范(建议版)（转）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。