首頁 > web前端 > css教學 > 常用的 css 命名規則實例分享

常用的 css 命名規則實例分享

小云云
發布: 2017-12-22 17:17:36
原創
1689 人瀏覽過

本文主要和大家分享一些常用的 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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板