重慶網(wǎng)絡(luò)公司：DIV+CSS的命名規(guī)范大全
DIV+CSS的命名規(guī)范大全
網(wǎng)頁(yè)制作中規(guī)范使用DIV+CSS命名規(guī)則，可以改善優(yōu)化功效特別是團(tuán)隊(duì)合作時(shí)候可以提供合作制作效率，具體DIV CSS命名規(guī)則CSS命名大全內(nèi)容如下：
頁(yè)頭：header 如：#header{屬性:屬性值;}或.header{屬性:屬性值;},也許你需要了解class與id區(qū)別及用法
登錄條：loginBar 標(biāo)志：logo 側(cè)欄：sideBar
廣告：banner 導(dǎo)航：nav 子導(dǎo)航：subNav
菜單：menu 子菜單：subMenu 搜索：search
滾動(dòng)：scroll 頁(yè)面主體：main 內(nèi)容：content
標(biāo)簽頁(yè)：tab 文章列表：list 提示信息：msg
小技巧：tips 欄目標(biāo)題：title 加入：joinus
指南：guild 服務(wù)：service 熱點(diǎn)：hot
新聞：news 下載：download 注冊(cè)：regsiter
狀態(tài)：status 按鈕：btn 投票：vote
合作伙伴：partner 友情鏈接：friendLink 頁(yè)腳：footer
版權(quán)：copyRight
常用配合標(biāo)簽div、h1、h2、h3、h4、span、em、b、strong、font、u
1.CSS的 ID 的命名 也許你需要了解class與Id區(qū)別
外 套：wrap 主導(dǎo)航：mainNav 子導(dǎo)航：subnav
頁(yè) 腳：footer 整個(gè)頁(yè)面：content 頁(yè) 眉：header
版 權(quán)：copyRight 商 標(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) 語(yǔ)：banner 菜單內(nèi)容1： menu1Content
菜單容量： menuContainer 子菜單：
submenu
邊導(dǎo)航圖標(biāo)：sidebarIcon 注釋：
note
面包屑：breadCrumb(即頁(yè)面所處位置導(dǎo)航提示)
容器：container 內(nèi)容：content 搜索：search
登陸：login 功能區(qū)：
shop(如購(gòu)物車，收銀臺(tái))
當(dāng)前：current
DIV+CSS命名小結(jié)：無(wú)論是使用“.”（小寫句號(hào)）選擇符號(hào)開頭命名，還是使用“#”(井號(hào))選擇符號(hào)開頭命名都無(wú)所謂，但我們最好遵循，主要的、重要的、特殊的、最外層的盒子用“#”(井號(hào))選擇符號(hào)開頭命名，其它都用“.”（小寫句號(hào)）選擇符號(hào)開頭命名，同時(shí)考慮命名的CSS選擇器在HTML中重復(fù)使用調(diào)用。
通常我們最常用主要命名有：wrap（外套、最外層）、header（頁(yè)眉、頭部）、nav(導(dǎo)航條)、menu(菜單)、title(欄目標(biāo)題、一般配合h1\h2\h3\h4標(biāo)簽使用)
、content (內(nèi)容區(qū))、footer(頁(yè)腳、底部)、logo（標(biāo)志、可以配合h1標(biāo)簽使用）、banner（廣告條，一般在頂部）、copyRight（版權(quán)）。其它可根據(jù)自己需要選擇性使用。
DIVCSS5建議：主要的、重要的、最外層的盒子用“#”(井號(hào))選擇符號(hào)開頭命名，其它都用“.”（小寫句號(hào)）選擇符號(hào)開頭命名。
2.CSS樣式文件命名如下
主要的 master.css
布局，版面 layout.css
專欄 columns.css
文字 font.css
打印樣式 print.css
主題 themes.css
重慶網(wǎng)絡(luò)公司
渝公網(wǎng)安備 50010302000872號(hào)