CSS命名規則 有哪些

這篇文章給大家介紹CSS命名規則 有哪些，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

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 */

 Id的命名:

 1)頁面結構

 容器: container
 頁頭：header
 內容：content/container
 頁面主體：main
 頁尾：footer
 導航：nav
 側欄：sidebar
 欄目：column
 頁面外圍控制整體佈局寬度：wrapper
 左右中：left right center

 (2)導航

 導航：nav
 主導航：mainnav
 子導航：subnav
 頂導航：topnav
 邊導航：sidebar
 左導航：leftsidebar
 右導航：rightsidebar
 菜單：menu
 子菜單：submenu
 標題: title
 摘要: summary

 (3)功能

 標志：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

 注意事項::

 1.一律小寫;
 2.盡量用英文;
 3.不加中橫和下劃線;
 4.盡量不縮寫，除非一看就明白的單詞。

 CSS樣式表文件命名

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

關于CSS命名規則 有哪些就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。