css命名一直是讓很多人感覺頭疼的一件事，參考網上的資料，總結了一些常用的命名方法，可以在用的時候方便查找。希望能給大家一些幫助，不足之處也歡迎指正！！！
常用的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
註釋的寫法
/* Header */內容區
/* End Header */
頁面結構命名
- 容器: container
- 頁頭：header
- 內容：content/container
- 頁面主體：main
- 頁尾：footer
- 導航：nav
- 側欄：sidebar
- 欄目：column
- 頁面外圍控制整體佈局寬度：wrapper
- 左右中：left right center
導航命名
- 導航：nav
- 主導航：mainnav
- 子導航：subnav
- 頂導航：topnav
- 邊導航：sidebar
- 左導航：leftsidebar
- 右導航：rightsidebar
- 菜單：menu
- 子菜單：submenu
- 標題: title
- 摘要: summary
功能命名
- 標誌：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樣式表文件命名
- 基本共用 global.css base.css
- 主頁面 index.css
- 子頁面 sub.css
- 模塊 module.css
- 主題 themes.css
- 專欄 columns.css
- 文字 font.css
- 表單 forms.css
- 打印 print.css
