首頁  >  文章  >  web前端  >  CSS如何正確命名

CSS如何正確命名

小云云
小云云原創
2018-01-27 10:22:062422瀏覽

大家都知道css命名有它的規則和方法,那大家都知道有哪些呢?本文主要和大家分享CSS命名規則和命名方法,希望能幫助大家。

CSS命名規則

  頭:header

#  內容:content/containe

  尾:footer

  導覽:nav

  側邊欄:sidebar

  欄目:column

  頁外圍控制整體佈局寬度:wrapper

                    center

  登入列:loginbar

  標誌:logo

  廣告:banner

##  頁面主體:main

  熱點# #  新聞:news

  下載:download

  子導航:subnav

  菜單:menu

  子菜單:submenu

  搜索: search

  友情連結:friendlink

  頁腳:footer

  版權:copyright

  捲動:scroll

  內容:#content

 內容:

##  標籤頁:tab

  文章清單:list

  提示訊息:msg

  小技巧:tips

  欄目標題:title

##  加入:joinus

  指南:guild

  服務:service

  註冊:regsiter

  狀態:status

  投票:vote

  合作夥伴:partner

-------------------------------- ----

 

CSS+p的命名規則:

  登入列:loginBar


  標誌:logo

  側邊欄:sideBar

  廣告:banner

  導覽:nav

  子導覽:subNav

  選單:menu

 子選單#subMe 選單:menu

 子選單#sub*  選單:menu

 子選單#sub#subMe[ ##  搜索:search

  滾動:scroll

  頁面主體:main

  內容:content

  標籤頁:tab

  文章清單:list

  提示訊息:msg

  小技巧:tips

  欄目標題:title

  友情連結:friendLink

##  頁#  友情連結:friendLink

## 頁腳:footer

  加入:joinus

  指南:guild

  服務:service

  熱點:hot

  新聞:news

  下載:download

  註冊:regsiter

  狀態:status

  按鈕:btn

  投票:

#合作 

」夥伴:partner

  版權:copyRight

相關推薦:


CSS命名規格節約Debug時間解答

#CSS命名規則

HTML+CSS命名規則介紹

#

以上是CSS如何正確命名的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn