css+Div-样式规范写法.docVIP

DIV+CSS规范命名大全集合

网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，具体DIVCSS命名规则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命名给你以后网站网页的维护带来方便。

DIV+CSS虚线边框|CSS虚线下划线及虚线列表教程DIV+CSS虚线边框|CSS虚线下划