頁頭：header  如：#header{屬性:屬性值;}或.header{屬性:屬性值;}
登錄條：loginBar 
標(biāo)志：logo 
側(cè)欄：sideBar 
廣告：banner 
導(dǎo)航：nav 
子導(dǎo)航：subNav 
菜單：menu 
子菜單：subMenu 
搜索：search 
滾動：scroll 
頁面主體：main 
內(nèi)容：content 
標(biāo)簽頁：tab 
文章列表：list 
提示信息：msg 
小技巧：tips 
欄目標(biāo)題：title 
加入：joinus 
指南：guild 
服務(wù)：service 
熱點：hot 
新聞：news 
下載：download 
注冊：regsiter 
狀態(tài)：status 
按鈕：btn 
投票：vote 
合作伙伴：partner 
友情鏈接：friendLink 
頁腳：footer 
版權(quán)：copyRight 

1.CSS的 ID 的命名 
外　套：        wrap 
主導(dǎo)航：　　mainNav 
子導(dǎo)航：　　subnav 
頁　腳：　　footer 
整個頁面：　content 
頁　眉：　　header 
頁　腳：　　footer 
商　標(biāo)：　　label 
標(biāo)　題：　　title 
主導(dǎo)航：　　mainNav(globalNav) 
頂導(dǎo)航：　　topnav 
邊導(dǎo)航：　　sidebar 
左導(dǎo)航：　　leftsideBar 
右導(dǎo)航：　　rightsideBar 
旗　志：　　logo 
標(biāo)　語：　　banner 
菜單內(nèi)容1： menu1Content 
菜單容量：　menuContainer 
子菜單：　　submenu 
邊導(dǎo)航圖標(biāo)：sidebarIcon 
注釋：　　　note 
面包屑：　　breadCrumb(即頁面所處位置導(dǎo)航提示) 
容器：　　　container 
內(nèi)容：　　　content 
搜索：　　　search 
登陸：　　　login 
功能區(qū)：　　shop(如購物車，收銀臺) 
當(dāng)前的　　　current 

2.CSS樣式文件命名如下 

主要的 master.css 
布局，版面 layout.css 
專欄 columns.css 
文字 font.css 
打印樣式 print.css 
主題 themes.css