教你如何規范命名css
2012/1/5 15:21:35
網頁制作中規范使用DIV+CSS命名規則,可以改善優化功效特別是團隊合作時候可以提供合作制作效率,具體DIV CSS命名規則CSS命名大全內容如下:
頁頭:header 如:#header{屬性:屬性值;}或.header{屬性:屬性值;},
也許你需要了解class與id區別及用法
登錄條: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、h1、h2、h3、h4、span、em、b、strong、font、u
1.CSS的 ID 的命名 也許你需要了解class與Id區別
外 套: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
功能區: shop(如購物車,收銀臺)
當前:current
DIV+CSS命名小結:
無論是使用“.”(小寫句號)選擇符號開頭命名,還是使用“#”(井號)選擇符號開頭命名都無所謂,但我們最好遵循,主要的、重要的、特殊的、最外層的盒子用“#”(井號)選擇符號開頭命名,其它都用“.”(小寫句號)選擇符號開頭命名,同時考慮命名的CSS選擇器在HTML中重復使用調用。
通常我們最常用主要命名有:wrap(外套、最外層)、header(頁眉、頭部)、nav(導航條)、menu(菜單)、title(欄目標題、一般配合h1\h2\h3\h4標簽使用)、content (內容區)、footer(頁腳、底部)、logo(標志、可以配合h1標簽使用)、banner(廣告條,一般在頂部)、copyRight(版權)。其它可根據自己需要選擇性使用。
DIVCSS5建議:主要的、重要的、最外層的盒子用“#”(井號)選擇符號開頭命名,其它都用“.”(小寫句號)選擇符號開頭命名。
2.CSS樣式文件命名如下
主要的 master.css 布局,版面 layout.css 專欄 columns.css 文字 font.css 打印樣式 print.css 主題 themes.css
也許你需要了解一下css引用到html方法
以上為DIV+CSS的命名規則總結,相信通過規范的CSS命名給你以后網站網頁的維護帶來方便。
返回列表
返回首頁
主站蜘蛛池模板:
亚洲制服丝袜在线播放|
国产一二三区在线观看|
97碰在线视频|
小明天天看成人免费看|
久久九色综合九色99伊人|
欧美一级黄色片免费看|
亚洲综合久久1区2区3区|
精品亚洲一区二区三区在线播放|
国产产无码乱码精品久久鸭|
四虎最新永久免费视频|
国产超薄肉色丝袜的免费网站|
jlzzjlzz欧美大全|
成人欧美一区二区三区黑人
|
中文字幕在线网站|
日韩三级一区二区三区|
亚洲av永久无码精品天堂久久|
欧美综合人人做人人爱|
任你躁在线播放视频|
精品国产青草久久久久福利|
国产av夜夜欢一区二区三区|
香蕉免费在线视频|
国产日韩精品中文字无码|
1卡二卡三卡四卡在线播放|
在线观看北条麻妃|
www.kkbokk.com|
少妇的丰满3中文字幕|
中国孕妇变态孕交XXXX|
无码免费一区二区三区免费播放|
久久精品中文字幕大胸|
最近中文字幕在线中文视频|
亚洲国产精品久久久久婷婷软件
|
欧美日韩在线视频一区|
亚洲自偷自偷在线制服|
看全色黄大色大片免费久久|
午夜两性色视频免费网站|
老司机午夜电影|
国产V片在线播放免费无码|
蜜桃视频在线观看免费网址入口|
国产寡妇偷人在线观看视频|
国产老妇一性一交一乱|
国产特黄特色一级特色大片|