經常使用的CSS命名規則:
頁頭:header 如:#header{屬性:屬性值;}或.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
id的命名:
(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
CSS樣式文件命名以下:
主要的 master.css
佈局,版面 layout.css
專欄 columns.css
文字 font.css
打印樣式 print.css
主題 themes.css