DIV+CSS已经是大趋势了，TAB设计的网页较简单，后期修改也麻烦，比较纠结的是CSS的命名，一般现在流行的命名有英文字母、数字、下划线和以上的混合命名方式。究竟什么样的命名方式才是最好的呢？

小猴属于自学成才的类型，学习和工作极其严谨，至于评价CSS命名的好坏其实有一定标准，而不是“你喜欢就行”。对于团队合作建站，没有必要的文字说明的情况下，就应该用大家都默许的命名方式，而不要采用独特的命名方式。

总结的部分DIV+CSS规则

1.所有元素、命名最好都用小写。比起大写或者下划线，小写效率最高；

<div class="box"></div>
<DIV class="Box"></DIV>
<div Class="BOX"><DIV>

这些实际是一样的，相比指向第一种写法好。

2.div属性的值用英文单引号或者双引号括起来，且要有值；

<div class="option"></div>

3.div标签要有开始和结束，要有层次、工整，便于后期检查修改；

4.样式和主体结构分离，即代码中不出现style、font、bgColor、border等；

<div style="color:red"></div>

5.<h1>到<h5>的定义，应遵循大到小的原则，特别是h1，每个页面只能出现一次；

6.元素尽量采用公共样式，即使用类样式class，而不是用id；

7.主要的、重要的、特殊的、最外层的盒子用“#”符号开头命名，其它都用“.”符号开头命名；

8.尽量使用英文命名规则，实在不会才用拼音，不使用纯数字命名元素；

<div class="search"></div>或者<div class="soso"></div>

11.命名方式尽量不缩写，除非一看就明白的单词。

CSS命名规则参考

CSS样式命名	说明
网页公共命名
#wrapper	页面外围控制整体布局宽度
#container或#content	容器,用于最外层
#layout	布局
#head, #header	页头部分
#foot, #footer	页脚部分
#nav	主导航
#subnav	二级导航
#menu	菜单
#submenu	子菜单
#sideBar	侧栏
#sidebar_a, #sidebar_b	左边栏或右边栏
#main	页面主体
#tag	标签
#msg #message	提示信息
#tips	小技巧
#vote	投票
#friendlink	友情连接
#title	标题
#summary	摘要
#loginbar	登录条
#searchInput	搜索输入框
#hot	热门热点
#search	搜索
#search_output	搜索输出和搜索结果相似
#searchBar	搜索条
#search_results	搜索结果
#copyright	版权信息
#branding	商标
#logo	网站LOGO标志
#siteinfo	网站信息
#siteinfoLegal	法律声明
#siteinfoCredits	信誉
#joinus	加入我们
#partner	合作伙伴
#service	服务
#regsiter	注册
arr/arrow	箭头
#guild	指南
#sitemap	网站地图
#list	列表
#homepage	首页
#subpage	二级页面子页面
#tool, #toolbar	工具条
#drop	下拉
#dorpmenu	下拉菜单
#status	状态
#scroll	滚动
.tab	标签页
.left .right .center	居左、中、右
.news	新闻
.download	下载
.banner	广告条(顶部广告条)
电子贸易相关
.products	产品
.products_prices	产品价格
.products_description	产品描述
.products_review	产品评论
.editor_review	编辑评论
.news_release	最新产品
.publisher	生产商
.screenshot	缩略图
.faqs	常见问题
.keyword	关键词
.blog	博客
.forum	论坛
CSS样式命名	说明
网页公共命名
#wrapper	页面外围控制整体布局宽度
#container或#content	容器,用于最外层
#layout	布局
#head, #header	页头部分
#foot, #footer	页脚部分
#nav	主导航
#subnav	二级导航
#menu	菜单
#submenu	子菜单
#sideBar	侧栏
#sidebar_a, #sidebar_b	左边栏或右边栏
#main	页面主体
#tag	标签
#msg #message	提示信息
#tips	小技巧
#vote	投票
#friendlink	友情连接
#title	标题
#summary	摘要
#loginbar	登录条
#searchInput	搜索输入框
#hot	热门热点
#search	搜索
#search_output	搜索输出和搜索结果相似
#searchBar	搜索条
#search_results	搜索结果
#copyright	版权信息
#branding	商标
#logo	网站LOGO标志
#siteinfo	网站信息
#siteinfoLegal	法律声明
#siteinfoCredits	信誉
#joinus	加入我们
#partner	合作伙伴
#service	服务
#regsiter	注册
arr/arrow	箭头
#guild	指南
#sitemap	网站地图
#list	列表
#homepage	首页
#subpage	二级页面子页面
#tool, #toolbar	工具条
#drop	下拉
#dorpmenu	下拉菜单
#status	状态
#scroll	滚动
.tab	标签页
.left .right .center	居左、中、右
.news	新闻
.download	下载
.banner	广告条(顶部广告条)
电子贸易相关
.products	产品
.products_prices	产品价格
.products_description	产品描述
.products_review	产品评论
.editor_review	编辑评论
.news_release	最新产品
.publisher	生产商
.screenshot	缩略图
.faqs	常见问题
.keyword	关键词
.blog	博客
.forum	论坛
CSS文件命名	说明
master.css,style.css	主要的
module.css	模块
base.css	基本共用
layout.css	布局，版面
themes.css	主题
columns.css	专栏
font.css	文字、字体
forms.css	表单
mend.css	补丁
print.css	打印