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