css樣式表的命名

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

css樣式表的命名

  div+css樣式表的id和class的區別：就一句來概括，class可以定義多個值并且可以應用到多個標簽上，但id只能是一個。
 　　首先講一下div+css樣式表的id的常用命名規則 　　
   頁頭：header 登錄條：loginBar 標志：logo 側欄：sideBar 廣告：banner導航：nav 子導航：subNav菜單：menu 子菜單：subMenu搜索：search滾動：scroll頁面主體：main內容：content標簽頁：tab 文章列表：list提示信息：msg小技巧：tips欄目標題：title加入：joinus指南：guild服務：service熱點：hot新聞：news下載：download注冊：regsiter狀態：status按鈕：btn投票：vote合作伙伴：partner友情鏈接：friendLink頁腳：footer版權：copyRight 　　
     實際上上面的div+css樣式表的id命名也會經常用大小寫和_來區分，比如主導航就是MainNav，如果還有必要在區分就是MainNav_1,MainNav_2等等。也可以使用"類型+變量名稱"的規則來命名，比如寫一個紅色字體的class，可以.f_red {}(f是font 字體的縮寫）。總之原則是：大小寫、_、縮寫，大大增強代碼的可讀性。 　　
     再講一下div+css樣式表的class的常用命名規則 　　
     外套：wrap 主導航：mainNav 子導航：subnav 頁　腳：footer整個頁面：content頁　眉：header 頁　腳：footer 商　標：label 標　題：title 主導航：mainNav（globalNav）邊導航：sidebar 左導航：leftsideBar 右導航：rightsideBar 旗　志：logo 標　語：banner菜單內容：menu1Content 菜單容量：menuContainer 子菜單：submenu 邊導航圖標：sidebarIcon 注釋：note 面包屑：breadCrumb（即頁面所處位置導航提示） 容器：container內容：content搜索：search 登陸：login 功能區：shop（如購物車，收銀臺） 當前的：current

以上是我在網上查的一些css樣式表的命名，希望給您帶來方便！

   --- 版權最終歸艾銻無限所有http://www.maosdadas.net/ 如需轉載，請標明出處。