DIV+CSS规范命名大全集合

1、div+css规范命名大全集合网页制作中规范使用div+css命名规则，可以改善优化功效特别是团队合作 时候可以提供合作制作效率，具体div css命名规则css命名大全内容篇。常用div+css命名大全集合，即css命名规则。div css命名目录1. 命名规则说明2. 重要css命名3. css命名参考表4. 命名技巧我们开发css+div网页（xhtml ）时候，比较困惑和纠结的事就是css命名， 特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。一、命名规则说明：1）所有的命名最好都小写。2 ）属性的值一定要用双引号（"）括起来，且一定要有值如 class="

2、;divcss5",id="divcss5"o 3）每个标签都要有开始和结束，且要有正确的层次，排版有规律工整。4 ）空元素要有结束的tag或于开始的tag后加上”厂。5 ）表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgcolor、 border 等。6 ） vhl到vh5的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜 索引擎的查询。7）给每一个表格和表单加上一个唯一的、结构标记id。8 ）给图片加上alt标签。9）尽量使用英文命名原则。10）尽量不缩写，除非一看就明白的单词。divcss5给大家介绍常见css命名和div

3、css命名方法。二、相对网页外层重要部分css样式命名：外套wrap用于最外层头部header用于头部主要内容main用于主体内容（中部）左侧main-left左侧布局右侧main-right右侧布局导航条nav网页菜单导航条内容content用于网页中部主体底部footer用于底部三、div+css命名参考表：以下为css样式命名与css文件命名参考表，div css命名集合:css样式命名说明网页公共命名# wrapper页面外围控制整体布局宽度#container 或#content容器，用于最外层# layout布局#head, #header页头部分#foot, #footer页脚部

4、分#nav主导航# subnav二级导航#menu菜单# subme nu子菜单#sidebar侧栏#sidebar_a, #sidebar_b左边栏或右边栏#main页面主体#tag标签# msg #message提示信息#tips小技巧#vote投票#frie ndlink友情连接#title标题# summary摘要#login bar登录条#searchl nput搜索输入框#hot执门执占八、1 j八、八、# search搜索# search_output搜索输岀和搜索结果相似# searchbar搜索条# search_results搜索结果# copyright版权信息# bra

5、 nding商标#logo网站logo标志# siteinfo网站信息# sitei nfolegal法律声明#siteinfocredits信誉#joinus加入我们# part ner合作伙伴# service服务#regsiter注册arr/arrow箭头#guild指南# sitemap网站地图#list列表# homepage首页# subpage二级页面子页面#tool, /toolbar工具条#drop下拉#d orpmenu下拉菜单# status状态# scroll滚动.tab标签页eft .right .center居左、中、右news新闻.dow nload下载banne

6、r广告条（顶部广告条）电子贸易相关.products产品<products_prices产品价格.p rod ucts_d escr i pt i on产品描述<products_review产品评论<editor_review编辑评论n ews_release最新产品.publisher生产商.scree nshot缩略图.faqs常见问题.keyword关键词.blog博客.forum论坛css文件命名说明master.csstyle.css主要的module.css模块base.css基本共用layout.css布局，版面themes.css主题colum ns.css

7、专栏font.css文字、字体forms.css表单mend.css补丁prin t.css打印css命名其它说明：div+css命名小结：无论是使用（小写句号）选择符号开头命名，还是使 用#（井号）选择符号开头命名都无所谓，但我们最好遵循，主要的、重要的、特 殊的、最外层的盒子用#（井号）选择符号开头命名，其它都用.（小写句号）选 择符号开头命名，同时考虑命名的css选择器在html中重复使用调用。通常我们最常用主要命名有：wrap （外套、最外层）、header （页眉、头 部）、nav（导航条）、menu（菜单）、title（栏目标题、一般配合hlh2h3h4标签使 用）、content （内容区）、footer（页脚、底論、logo（标志、可以配合hl标签使用）、 banner （广告条，一般在顶前）、copyright （瞼权）。其它可根据自己需要选择 性使用。divcss5建议：主要的、重要的、最外层的盒子用捫（井号）选择符号开头命 名，其它都用（