常用的 css 命名規則實例分享
- 小云云原創
- 2017-12-22 17:17:361615瀏覽
本文主要和大家分享一些常用的 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#標籤頁：tab文章清單：list提示訊息：msg小技巧：tips欄目標題：title
加入：joinus指南：guild服務：service#註冊：regsiter狀態：status
##投票： vote
合作夥伴：partner
(1)頁面結構
容器: container
頁頭：header
內容：content/container
頁面主體：main
頁尾：footer
導覽：nav
##側邊欄：sidebar欄位：column頁面外圍控制整體佈局寬度：wrapper左右中：left right center(2)導覽導覽： nav主導航：mainbav子導航：subnav頂導航：topnav邊導航：sidebar左導航： leftsidebar右邊導航：rightsidebar選單：menu子選單：submenu標題: title摘要: summary(3)功能標誌：logo#廣告：banner登陸：login登入列：loginbar註冊：regsiter搜尋：search功能區：shop#標題：title#加入：joinus狀態：status 按鈕：btn滾動：scroll標籤頁：tab文章清單：list
##提示訊息：msg
目前的: current
小技巧：tips
圖示: icon
註解：note
##指南：guild服務：service熱點：hot新聞：news下載：download投票：vote合作夥伴：partner 友誼連結：link版權：copyright 主要的master.css##「模組module.css
#基本共用base.css
佈局，版面layout.css
主題themes.css
專欄columns.css
文字font.css
表單forms.css
補丁mend.css
列印print.css
也許大家覺得命名很簡單，但有一個好的命名規範，會讓你的開發更順利，是個好習慣，關於這篇 css 命名規則希望能幫助大家。
相關推薦：
HTML裡的命名規則 #php中變數的命名規則具體詳解關於html與CSS標籤命名規則的總結大全以上是常用的 css 命名規則實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn