頭:header內(nèi)容:content/container尾:footer導(dǎo)航:nav側(cè)欄:sidebar欄目:column頁面外圍控制整體佈局寬度:wrapper左右中:left right center登錄條:loginbar標(biāo)志:logo廣告:banner頁面主體:main熱點(diǎn):hot新聞:news下載:download子導(dǎo)航:subnav菜單:menu子菜單:submenu搜索:search友情鏈接:friendlink頁腳:footer版權(quán):copyright滾動(dòng):scroll內(nèi)容:content標(biāo)簽:tags文章列表:list提示信息:msg小技巧:tips欄目標(biāo)題:title加入:joinus指南:guide服務(wù):service注冊(cè):regsiter狀態(tài):status投票:vote合作伙伴:partner
注釋的寫法:
/* Header */內(nèi)容區(qū)
/* End Header */
id的命名:
1)頁面結(jié)構(gòu)
容器: container頁頭:header內(nèi)容:content/container頁面主體:main頁尾:footer導(dǎo)航:nav側(cè)欄:sidebar欄目:column頁面外圍控制整體佈局寬度:wrapper左右中:left right center
(2)導(dǎo)航
導(dǎo)航:nav主導(dǎo)航:mainnav子導(dǎo)航:subnav頂導(dǎo)航:topnav邊導(dǎo)航:sidebar左導(dǎo)航:leftsidebar右導(dǎo)航:rightsidebar菜單:menu子菜單:submenu標(biāo)題: title摘要: summary
(3)功能
標(biāo)志:logo廣告:banner登陸:login登錄條:loginbar注冊(cè):register搜索:search功能區(qū):shop標(biāo)題:title 加入:joinus狀態(tài):status按鈕:btn滾動(dòng):scroll標(biāo)籤頁:tab文章列表:list提示信息:msg當(dāng)前的: current小技巧:tips圖標(biāo): icon注釋:note指南:guild服務(wù):service熱點(diǎn):hot新聞:news下載:download投票:vote合作伙伴:partner友情鏈接:link版權(quán):copyright
注意事項(xiàng)::
1.一律小寫;
2.盡量用英文;
3.不加中槓和下劃線;
4.盡量不縮寫障涯,除非一看就明白的單詞岗屏。
CSS樣式表文件命名
主要的master.css模塊module.css基本共用base.css布局泥栖、版面layout.css主題themes.css專欄columns.css文字font.css表單forms.css補(bǔ)丁mend.css打印print.css