- 相關(guān)推薦
CSS實(shí)用教程:CSS命名
在XHTML中定義ID、CLASSS都用得上，主要是方面CSS定義樣式時(shí)能一眼看穿。所以，CSS命名僅作參考。
(1)頁面結(jié)構(gòu)類
容器: container
頁頭：header
內(nèi)容：content/container
頁面主體：main
頁尾：footer
導(dǎo)航：nav
側(cè)欄：sidebar
欄目：column
頁面外圍控制整體布局寬度：wrapper
(2)導(dǎo)航類
導(dǎo)航：nav
主導(dǎo)航：mainnav
子導(dǎo)航：subnav
頂導(dǎo)航：topnav
邊導(dǎo)航：sidebar
左導(dǎo)航：leftsidebar
右導(dǎo)航：rightsidebar
位置導(dǎo)航： crumb
菜單：menu
子菜單：submenu
面包屑：breadcrumb(即頁面所處位置導(dǎo)航提示)
(3)網(wǎng)頁內(nèi)容類
標(biāo)題: title
摘要: summary
箭頭： arrow
商標(biāo)： label
網(wǎng)站標(biāo)志： logo
轉(zhuǎn)角/圓角： corner
橫幅廣告： banner
欄目： column
子菜單： subMenu
搜索： search
搜索框： searchBox
登錄： login
工具條： toolbar
下拉： drop
標(biāo)簽頁： tab
當(dāng)前的： current
列表： list
滾動(dòng)： scroll
服務(wù)： service
提示信息： msg
新聞： news
小技巧： tips
下載： download
欄目標(biāo)題： title
熱點(diǎn)： hot
加入： joinus
注冊(cè)： regsiter
指南： guide
友情鏈接： friendlink
狀態(tài)： status
版權(quán)： copyright
按鈕： btn
合作伙伴： partner
投票： vote
【CSS教程:CSS命名】相關(guān)文章：
css屬性定位教程07-23
CSS入門教程01-25
CSS閉合浮動(dòng)元素教程06-26
CSS選擇器教程06-05
CSS教程之盒模型10-17
關(guān)于CSS教程:復(fù)合型條狀圖表01-25
CSS基礎(chǔ)教程之背景圖片07-31
CSS-層疊樣式表基礎(chǔ)教程08-10
CSS最核心的概念03-10
CSS之入門篇10-19