資源描述：
《div+css命名規(guī)范》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、DIV+CSS規(guī)范命名大全集合頁頭：header如：#header{屬性:屬性值;}或.header{屬性:屬性值;},也許你需要了解class與id區(qū)別及用法登錄條：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注冊：r
2、egsiter狀態(tài)：status按鈕：btn投票：vote合作伙伴：partner友情鏈接：friendLink頁腳：footer版權(quán)：copyRight常用配合標(biāo)簽div、h1、h2、h3、h4、span、em、b、strong、font、u1.CSS的ID的命名也許你需要了解class與Id區(qū)別外 套：wrap主導(dǎo)航：mainNav子導(dǎo)航：subnav頁 腳：footer整個頁面：content頁 眉：header版權(quán)：copyRight商 標(biāo)：label標(biāo) 題：title主導(dǎo)航：mainNav(globalNav)頂導(dǎo)航：topnav邊導(dǎo)航：sidebar左導(dǎo)
3、航：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)前：currentDIV+CSS命名小結(jié)：無論是使用“.”（小寫句號）選擇符號開頭命名，還是使用“#”(井號)選擇符號開頭命名都無所謂，但我們最好遵循
4、，主要的、重要的、特殊的、最外層的盒子用“#”(井號)選擇符號開頭命名，其它都用“.”（小寫句號）選擇符號開頭命名，同時考慮命名的CSS選擇器在HTML中重復(fù)使用調(diào)用。通常我們最常用主要命名有：wrap（外套、最外層）、header（頁眉、頭部）、nav(導(dǎo)航條)、menu(菜單)、title(欄目標(biāo)題、一般配合h1h2h3h4標(biāo)簽使用)、content(內(nèi)容區(qū))、footer(頁腳、底部)、logo（標(biāo)志、可以配合h1標(biāo)簽使用）、banner（廣告條，一般在頂部）、copyRight（版權(quán)）。其它可根據(jù)自己需要選擇性使用。DIVCSS5建議：主要的、重要的、
5、最外層的盒子用“#”(井號)選擇符號開頭命名，其它都用“.”（小寫句號）選擇符號開頭命名。css文件命名1)如果是一個小型網(wǎng)站或一個企業(yè)網(wǎng)站，只要一個css文件,一般取名為:style.css/main.css/layout.css2)如果是個大型的門戶網(wǎng)站，css一般分三個文件區(qū)分出來,用的最常用的css和公共部分的css放在common.css;一些主要的其他css放在content.css;字體放在font.css 主要的:master.css 專欄:columns.css 主題:themes.css 全局樣式：global.css； 框架布局：la
6、yout.css； 字體樣式：font.css； 鏈接樣式：link.css； 打印樣式：print.css；模塊module.css基本共用base.css表單forms.css補丁mend.cssCSS命名規(guī)則(1)頁面結(jié)構(gòu)首頁:homepage二級頁面:subpage 標(biāo)簽頁:tab博客:bolg論壇:forum/bbs外套：wrapper容器：container/box內(nèi)容：content頁面頭部：header頁面主體:main 頁面中部：mainBody 頁面底部：footer側(cè)欄：sidebar欄目：column左右中：leftrightcente
7、r(2)導(dǎo)航導(dǎo)航:nav 主導(dǎo)航：mainnav/globalnav 子導(dǎo)航：subnav 頂導(dǎo)航：topnav(3)側(cè)欄 側(cè)邊欄：sidebar 左側(cè)欄：leftsidebar 右側(cè)欄：rightsidebar左右兩欄sidebar_l/sidebar_r或者leftsidebar/rightsidebar左/中/右三欄main_left/main_mid/main_right或者main_l/main_m/mian_r(4)菜單 菜單：menu 菜單內(nèi)容：menucontent 子菜單：subMenu 子菜單內(nèi)容：subMenuConte
