一、命名规则说明：
1）、所有的命名最好都小写
2）、属性的值一定要用双引号("")括起来
3）、给图片加上alt标签
4）、尽量使用英文命名原则
5）、尽量不缩写，除非一看就明白的单词
二、相对网页外层重要部分CSS样式命名：
外套 wrap ------------------用于最外层
头部 header ----------------用于头部
主要内容 main ------------用于主体内容（中部）
左侧 main-left -------------左侧布局
右侧 main-right -----------右侧布局
导航条 nav -----------------网页菜单导航条
内容 content ---------------用于网页中部主体
底部 footer -----------------用于底部
三、DIV+CSS命名参考表： - TOP
CSS命名其它说明:
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
头：header top
内容：content/container / main
尾：footer bottom
导航：nav navigation navlist subnav
侧栏：sidebar
栏目：column cols
页面外围控制整体布局宽度：wrapper
左右中：left right center navleft headerleft
登录条：loginbar login
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news news_list
下载：download
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
友情链接：friendlink
页脚：footer
版权：copyright
滚动：scroll
内容：content
标签页：tab
文章列表：list
提示信息：msg message
小技巧：tips
栏目标题：title
加入：joinus
指南：guild
服务：service
注册：regsiter
状态：status
投票：vote
合作伙伴：partner
(二)注释的写法:
/* Footer */
内容区
/* End Footer */
(三)class的命名:
(1)颜色:使用颜色的名称或者16进制代码,如
.red
.f60
.ff8600
(2)字体大小,直接使用”font+字体大小”作为名称,如
.font12px { font-size: 12px; } .fz12px{}
.font9pt
(3)对齐样式,使用对齐目标的英文名称,如
.left { float:left; } .fl{float:left;} .fr
(4)标题栏样式,使用”类别+功能”的方式命名,如
.barnews
.barproduct
注意事项::
一律小写
主要的 master.css
模块 module.css
基本共用 base.css / common.css / static.css
布局，版面 layout.css
主题 themes.css
专栏 columns.css
文字 font.css
表单 forms.css
补丁 mend.css
打印 print.css