css樣式表的命名

2013-04-17 12:56 作者：周艷紅 瀏覽量：

css樣式表的命名

  div+css樣式表的id和class的區(qū)別：就一句來(lái)概括，class可以定義多個(gè)值并且可以應(yīng)用到多個(gè)標(biāo)簽上，但id只能是一個(gè)。
 　　首先講一下div+css樣式表的id的常用命名規(guī)則 　　
   頁(yè)頭：header 登錄條：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 　　
     實(shí)際上上面的div+css樣式表的id命名也會(huì)經(jīng)常用大小寫和_來(lái)區(qū)分，比如主導(dǎo)航就是MainNav，如果還有必要在區(qū)分就是MainNav_1,MainNav_2等等。也可以使用"類型+變量名稱"的規(guī)則來(lái)命名，比如寫一個(gè)紅色字體的class，可以.f_red {}(f是font 字體的縮寫）。總之原則是：大小寫、_、縮寫，大大增強(qiáng)代碼的可讀性。 　　
     再講一下div+css樣式表的class的常用命名規(guī)則 　　
     外套：wrap 主導(dǎo)航：mainNav 子導(dǎo)航：subnav 頁(yè)　腳：footer整個(gè)頁(yè)面：content頁(yè)　眉：header 頁(yè)　腳：footer 商　標(biāo)：label 標(biāo)　題：title 主導(dǎo)航：mainNav（globalNav）邊導(dǎo)航：sidebar 左導(dǎo)航：leftsideBar 右導(dǎo)航：rightsideBar 旗　志：logo 標(biāo)　語(yǔ)：banner菜單內(nèi)容：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

以上是我在網(wǎng)上查的一些css樣式表的命名，希望給您帶來(lái)方便！

   --- 版權(quán)最終歸艾銻無(wú)限所有http://www.whgoodly.com/ 如需轉(zhuǎn)載，請(qǐng)標(biāo)明出處。