CSS命名規範

標籤：標籤頁   友情連結   status   命名規則   ace   friend   寬度   new   tag   

常用的CSS命名規則
頭：header	內容：content/Container	尾：footer
導航：nav	側欄：sidebar	欄目：column
頁面外圍控制整體佈局寬度：wrapper	左右中：left right center	登入條：loginbar
標誌：logo	廣告：banner	頁面主體：main
熱點：hot	新聞：news	下載：download
子導航：subnav	菜單：menu	子功能表：submenu
搜尋：search	友情連結：friendlink	頁尾：footer
著作權：copyright	滾動：scroll	內容：content
標籤：tags	文章列表：list	提示資訊：msg
小技巧：tips	欄目標題：title	加入：joinus
指南：guide	服務：service	註冊：regsiter
狀態：status	投票：vote	夥伴：partner
ID的命名-頁面結構
容器: container	頁頭：header	內容：content/container
頁面主體：main	頁尾：footer	導航：nav
側欄：sidebar	欄目：column	頁面外圍控制整體佈局寬度：wrapper
左右中：left right center
ID的命名-導航
導航：nav	主導航：mainnav	子導航：subnav
頂導航：topnav	邊導航：sidebar	左導航：leftsidebar
右導航：rightsidebar	菜單：menu	子功能表：submenu
標題: title	摘要: summary
ID的命名-功能
標誌：logo	廣告：banner	登陸：login
登入條：loginbar	註冊：register	搜尋：search
功能區：shop	標題：title	加入：joinus
狀態：status	按鈕：btn	滾動：scroll
標籤頁：tab	文章列表：list	提示資訊：msg
當前的: current	小技巧：tips	表徵圖: icon
注釋：note	指南：guild	服務：service
熱點：hot	新聞：news	下載：download
投票：vote	夥伴：partner	友情連結：link
著作權：copyright

　CSS樣式表檔案命名

主要的 master.css	模組 module.css	基本共用 base.css
布局、版面 layout.css	主題 themes.css	專欄 columns.css
文字 font.css	表單 forms.css	補丁 mend.css
列印 print.css

CSS命名規範