CSS命名規(guī)則 有哪些

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

CSS命名規(guī)范(規(guī)則)常用的CSS命名規(guī)則

 頭：header
 內(nèi)容：content/container
 尾：footer
 導(dǎo)航：nav
 側(cè)欄：sidebar
 欄目：column
 頁面外圍控制整體佈局寬度：wrapper
 左右中：left right center
 登錄條：loginbar
 標(biāo)志：logo
 廣告：banner
 頁面主體：main
 熱點(diǎn)：hot
 新聞：news
 下載：download
 子導(dǎo)航：subnav
 菜單：menu
 子菜單：submenu
 搜索：search
 友情鏈接：friendlink
 頁腳：footer
 版權(quán)：copyright
 滾動：scroll
 內(nèi)容：content
 標(biāo)簽：tags
 文章列表：list
 提示信息：msg
 小技巧：tips
 欄目標(biāo)題：title
 加入：joinus
 指南：guide
 服務(wù)：service
 注冊：regsiter
 狀態(tài)：status
 投票：vote
 合作伙伴：partner

 注釋的寫法:
 /* Header */
 內(nèi)容區(qū)
 /* End Header */

 Id的命名:

 1)頁面結(jié)構(gòu)

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

 (2)導(dǎo)航

 導(dǎo)航：nav
 主導(dǎo)航：mainnav
 子導(dǎo)航：subnav
 頂導(dǎo)航：topnav
 邊導(dǎo)航：sidebar
 左導(dǎo)航：leftsidebar
 右導(dǎo)航：rightsidebar
 菜單：menu
 子菜單：submenu
 標(biāo)題: title
 摘要: summary

 (3)功能

 標(biāo)志：logo
 廣告：banner
 登陸：login
 登錄條：loginbar
 注冊：register
 搜索：search
 功能區(qū)：shop
 標(biāo)題：title
 加入：joinus
 狀態(tài)：status
 按鈕：btn
 滾動：scroll
 標(biāo)籤頁：tab
 文章列表：list
 提示信息：msg
 當(dāng)前的: current
 小技巧：tips
 圖標(biāo): icon
 注釋：note
 指南：guild
 服務(wù)：service
 熱點(diǎn)：hot
 新聞：news
 下載：download
 投票：vote
 合作伙伴：partner
 友情鏈接：link
 版權(quán)：copyright

 注意事項(xiàng)::

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

 CSS樣式表文件命名

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

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