css规范： <仅为个人笔记，不喜勿喷。欢迎留言指教>
1.CSS共用样式放在base.css
2.常见的样式common.css
3.文件目录
-1.存放其它图片文件夹命名规范：imgaes；
-2.存放广告图的文件夹bannerImg
-3.文件名应该注意使用小驼峰命名法则或者单词之间-间隔规范
-4.JS文件：js
-5.确保文档或模板中只包含html，把用到的样式都写到样式表文件中，把脚本都写到js文件中。
4.样式规范化
（1）
-1.每个样式后面（必须）加 ‘;’，方便压缩工具断句，
-2 class类命名规范，（‘-‘划分层级）产品线-产品-模块-子模块
-3 以下规范必须执行
1》选择器 与 { 之间必须包含空格。如：
. selector { }
2》属性名之后必须要有空格，属性名前不能有空格
-----IE6有个bug
3》连字符CSS选择器命名规范
长名称或词组可以使用中横线来为选择器命名。不建议使用“_”下划线来命名CSS选择器。
常见css命名规范：
头：header,内容：content | 容器 ：container 页脚 | 尾：footer
导航：nav子导航：subnav 侧栏：sidebar 栏目：column 页面外围布局宽度：warpper
左中右：left center right 广告：banner 菜单:menu 子页面：subpage 页面主体：main ;
子菜单：submenu 下拉菜单 dropmenu 栏目标题：title 热点：hot 标志：logo 登录条：loginbar
4》属性定义必须另起一行。如：
.selector {
margin: 0;
padding: 0;
} ------------禁止将样式写在同一行{width:15px;height:12px;.....}
5》多级选择器每个选择器占一行。
eg:
a.btn
input.btn
input[type="button"]{
/*自定义样式*/
}
6》CSS书写顺序，以提高代码的可读性。
位置属性(position, top, right, z-index, display, float等) /*定位*/
大小(width, height, padding, margin) /*盒模型*/
文字系列(font, line-height, letter-spacing, color- text-align等) /*文字颜色*/
背景(background, border等) /*图案背景*/
其他(animation, transition等) /*动画等*/
7》去掉小数点前的“0”
8》使用16进制表示颜色值，除非表示的是透明度
9》rest.css样式 --------- http://www.cssreset.com
10》链接的样式顺序 a:link --a:visited--a:hover --a:active
