DIV+CSS命名规则

1.不能以数字开头，否则浏览器不解释，设置的代码就无效，所有命名都要小写
2.选择的名称要用双引号引来，如class="aaa",id="bbb"
3.标签都要有开始和结束，要有层次，排版工整
4.空元素要有结束的tag或于开始的tag后加/
5.表现与结构分离，就是DIV结构中不要跟CSS代码
6.给每个表格和表单加上一个唯一的结构标记ID
7.尽量不缩写，除非一看就懂

常用命名
wrap用于最外层，header头部，nav导航条，main主要内容，左右侧main-left/right，content内容，footer底部
menu(菜单)、title(栏目标题、一般配合h1\h2\h3\h4标签使用)、logo（标志、可以配合h1标签使用）、banner（广告条，一般在顶部）、copyRight（版权）

主要的，重要的，最外层的盒子用#开头，其它都用.开头

CSS文件命名：主要的master.css，布局版面layout.css，文字font.css，打印样式print.css，主题themes.css，专栏columns.css，表单forms.css，补丁mend.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 论坛