常用的 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

#標籤頁：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中文網其他相關文章！