CSS命名規範(建議版)

非原創，來源網路。感謝原作者奉獻如此精彩文章。原文地址： http://bbs.blueidea.com/thread-2856346-1-1.html

容    器：container/box
頭    部：header
主 導 航：mainNav
子 導 航：subNav
頂 導 航：topNav
網站標誌：logo
大 廣 告：banner
頁面中部：mainBody
底    部：footer
菜    單：menu
菜單內容：menuContent
子 菜 單：subMenu
子功能表內容：subMenuContent
搜    索：search
搜尋索引鍵：keyword
搜尋範圍：range
標籤文字：tagTitle
標籤內容：tagContent
當前標籤：tagCurrent/currentTag
標　  題：title
內    容：content
列    表：list
當前位置：currentPath
側 邊 欄：sidebar
圖    標：icon
注    釋：note
登    錄：login
注    冊：register
列 定 義：column_1of3 (三列中的第一列)
         column_2of3 (三列中的第二列)
         column_3of3 (三列中的第三列)

外　套：　　wrap
主導航：　　mainnav
子導航：　　subnav
頁　腳：　　footer
整個頁面：　content
頁　眉：　　header
頁　腳：　　footer
商　標：　　label
標　題：　　title
主導航：　　mainbav（globalnav）
頂導航：　　topnav
邊導航：　　sidebar
左導航：　　leftsidebar
右導航：　　rightsidebar
旗　志：　　logo
標　語：　　banner
菜單內容1： menu1 content
菜單容量：　menu container
子功能表：　　submenu
邊互動中心圖示：sidebarIcon
注釋：　　　note
麵包屑：　　breadcrumb(即頁面所處位置導航提示）
容器：　　　container
內容：　　　content
搜尋：　　　search
登陸：　　　Login
功能區：　　shop(如購物車，收銀台)
當前的　　　current

2.另外在編輯樣式表時可用的注釋可這樣寫：
<-- Footer -->
內容區
<-- End Footer -->

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