規范使用DIV+CSS命名規則 增強優化功效

頁頭:header

登錄條:loginBar

標志:logo

側欄:sideBar

廣告:banner

導航:nav

子導航:subNav

菜單:menu

子菜單:subMenu

搜索:search

滾動:scroll

頁面主體:main

內容:content

標簽頁:tab

文章列表:list

提示信息:msg

小技巧:tips

欄目標題:title

加入:joinus

指南:guild

服務:service

熱點:hot

新聞:news

下載:download

註冊:regsiter

狀態:status

按鈕:btn

投票:vote

合作夥伴:partner

友情鏈接:friendLink

頁腳:footer

版權:copyRight

1.CSS ID 的命名

外 套:  wrap

主導航:  mainNav

子導航:  subnav

頁 腳:  footer

整個頁面: content

頁 眉:  header

頁 腳:  footer

商 標:  label

標 題:  title

主導航:  mainNav(globalNav)

頂導航:  topnav

邊導航:  sidebar

左導航:  leftsideBar

右導航:  rightsideBar

旗 志:  logo

標 語:  banner

菜單內容1: menu1Content

菜單容量: menuContainer

子菜單:  submenu

邊導航圖標:sidebarIcon

註釋:   note

面包屑:  breadCrumb(即頁面所處位置導航提示)

容器:   container

內容:   content

搜索:   search

登陸:   login

功能區:  shop(如購物車,收銀臺)

當前的   current

2.另外在編輯樣式表時可用的註釋可這樣寫:

<– Footer –>

內容區

<– End Footer –>

3.樣式文件命名

主要的 master.css

佈局,版面 layout.css

專欄 columns.css

文字 font.css

打印樣式 print.css

主題 themes.css