頁頭：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 

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.CSS樣式文件命名如下 

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