DIV+CSS的命名規范大全
 
       網(wǎng)頁(yè)制作中規范使用DIV+CSS命名規則，可以改善優(yōu)化功效特別是團隊合作時(shí)候可以提供合作制作效率，具體DIV CSS命名規則CSS命名大全內容如下：

       頁(yè)頭：header  如：#header{屬性:屬性值;}或.header{屬性:屬性值;},也許你需要了解class與id區別及用法
       登錄條：loginBar           標志：logo                    側欄：sideBar
       廣告：banner                導航：nav                    子導航：subNav
       菜單：menu                  子菜單：subMenu         搜索：search
        滾動(dòng)：scroll                  頁(yè)面主體：main            內容：content
       標簽頁(yè)：tab                  文章列表：list               提示信息：msg
       小技巧：tips                 欄目標題：title              加入：joinus
       指南：guild                  服務(wù)：service                熱點(diǎn)：hot
       新聞：news                 下載：download            注冊：regsiter
       狀態(tài)：status                按鈕：btn                     投票：vote
       合作伙伴：partner       友情鏈接：friendLink    頁(yè)腳：footer
       版權：copyRight
       常用配合標簽div、h1、h2、h3、h4、span、em、b、strong、font、u

1.CSS的 ID 的命名 也許你需要了解class與Id區別

       外　套：wrap              主導航：mainNav        子導航：subnav
       頁(yè)　腳：footer             整個(gè)頁(yè)面：content      頁(yè)　眉：header
       版    權：copyRight      商　標：label              標　題：title
       主導航：mainNav(globalNav)                  頂導航：topnav
       邊導航：sidebar           左導航：leftsideBar   右導航：rightsideBar
       旗　志：logo                標　語(yǔ)：banner         菜單內容1： menu1Content
       菜單容量：　menuContainer                  子菜單： submenu
       邊導航圖標：sidebarIcon                        注釋?zhuān)? note
       面包屑：breadCrumb(即頁(yè)面所處位置導航提示)
       容器：container      內容：content          搜索：search
       登陸：login             功能區： shop(如購物車(chē)，收銀臺)
       當前：current
 

       DIV+CSS命名小結：無(wú)論是使用“.”（小寫(xiě)句號）選擇符號開(kāi)頭命名，還是使用“#”(井號)選擇符號開(kāi)頭命名都無(wú)所謂，但我們最好遵循，主要的、重要的、特殊的、最外層的盒子用“#”(井號)選擇符號開(kāi)頭命名，其它都用“.”（小寫(xiě)句號）選擇符號開(kāi)頭命名，同時(shí)考慮命名的CSS選擇器在HTML中重復使用調用。

       通常我們最常用主要命名有：wrap（外套、最外層）、header（頁(yè)眉、頭部）、nav(導航條)、menu(菜單)、title(欄目標題、一般配合h1\h2\h3\h4標簽使用)
、content (內容區)、footer(頁(yè)腳、底部)、logo（標志、可以配合h1標簽使用）、banner（廣告條，一般在頂部）、copyRight（版權）。其它可根據自己需要選擇性使用。

       DIVCSS5建議：主要的、重要的、最外層的盒子用“#”(井號)選擇符號開(kāi)頭命名，其它都用“.”（小寫(xiě)句號）選擇符號開(kāi)頭命名。


2.CSS樣式文件命名如下

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

重慶網(wǎng)絡(luò )公司