天蠶在你身邊
不方便打電話?讓天蠶聯(lián)絡你
DIV+CSS的命名規(guī)范大全
網頁制作中規(guī)范使用DIV+CSS命名規(guī)則,可以改善優(yōu)化功效特別是團隊合作時候可以提供合作制作效率,具體DIV CSS命名規(guī)則CSS命名大全內容如下:
頁頭:header 如:#header{屬性:屬性值;}或.header{屬性:屬性值;},也許你需要了解class與id區(qū)別及用法
登錄條:loginBar 標志:logo 側欄:sideBar
廣告:banner 導航:nav 子導航:subNav
菜單:menu 子菜單:subMenu 搜索:search
滾動:scroll 頁面主體:main 內容:content
標簽頁:tab 文章列表:list 提示信息:msg
小技巧:tips 欄目標題:title 加入:joinus
指南:guild 服務:service 熱點:hot
新聞:news 下載:download 注冊:regsiter
狀態(tài):status 按鈕:btn 投票:vote
合作伙伴:partner 友情鏈接:friendLink 頁腳:footer
版權:copyRight
常用配合標簽div、h1、h2、h3、h4、span、em、b、strong、font、u
1.CSS的 ID 的命名 也許你需要了解class與Id區(qū)別
外 套:wrap 主導航:mainNav 子導航:subnav
頁 腳:footer 整個頁面:content 頁 眉:header
版 權:copyRight 商 標:label 標 題:title
主導航:mainNav(globalNav) 頂導航:topnav
邊導航:sidebar 左導航:leftsideBar 右導航:rightsideBar
旗 志:logo 標 語:banner 菜單內容1: menu1Content
菜單容量: menuContainer 子菜單:
submenu
邊導航圖標:sidebarIcon 注釋:
note
面包屑:breadCrumb(即頁面所處位置導航提示)
容器:container 內容:content 搜索:search
登陸:login 功能區(qū):
shop(如購物車,收銀臺)
當前:current
DIV+CSS命名小結:無論是使用“.”(小寫句號)選擇符號開頭命名,還是使用“#”(井號)選擇符號開頭命名都無所謂,但我們最好遵循,主要的、重要的、特殊的、最外層的盒子用“#”(井號)選擇符號開頭命名,其它都用“.”(小寫句號)選擇符號開頭命名,同時考慮命名的CSS選擇器在HTML中重復使用調用。
通常我們最常用主要命名有:wrap(外套、最外層)、header(頁眉、頭部)、nav(導航條)、menu(菜單)、title(欄目標題、一般配合h1\h2\h3\h4標簽使用)
、content (內容區(qū))、footer(頁腳、底部)、logo(標志、可以配合h1標簽使用)、banner(廣告條,一般在頂部)、copyRight(版權)。其它可根據自己需要選擇性使用。
DIVCSS5建議:主要的、重要的、最外層的盒子用“#”(井號)選擇符號開頭命名,其它都用“.”(小寫句號)選擇符號開頭命名。
2.CSS樣式文件命名如下
主要的 master.css
布局,版面 layout.css
專欄 columns.css
文字 font.css
打印樣式 print.css
主題 themes.css
重慶網絡公司
地址:重慶市渝中區(qū)上清寺鑫隆達B座28-8
郵編:400015
電話:023-63612462
EMAIL:cnjl_net@163.com