1.通用规范
文件编码
为了避免内容乱码，统一使用UTF-8编码保存。
样式文件第一行设置字符集为utf-8
@charset 'UTF-8';
缩进规范
统一使用四个空格缩进
2.代码规范
命名规范
class应以功能或内容命名，避免无实际意义的字符串或字母，全部字母为小写，单词之间使用“-”连接。
代码风格
- 选择器与左括号之间一个空格，属性冒号后一个空格。
- 不要为0指明单位。
- 颜色值和属性值十六进制数值能用简写的尽量用简写。
- url()、属性选择符、属性值使用单引号。
- 逗号后面要有空格
- 属性值为小数且整数部分是0的，可以忽略小数点前面的0
选择器规范
- 不使用id选择器
- 不使用无具体语义定义的标签选择器
- 使用样式继承。对于可以继承的样式，尽量在父节点加入样式，而不要给每一个子节点都加样式。
- 尽量用子代选择器代替后代选择器。子代选择器只需要做一层的查找，而后代选择器需要一直查找到根节点，所以子代选择器的效率会更高一些。
- 尽量不使用通配选择器或标签选择器，尽量使用类选择器来代替。
- 最右侧的选择器尽量精确，选择器不宜嵌套太长。
属性顺序
- 建议属性顺序：
1.定位属性（position,display,float,left,right）
2.尺寸属性（width,height,padding,margin,border）
3.字体属性（color,font,text-align）
4.其他属性（background,cursor,outline）
注释规范
- 单行注释：以/开始，以/结束，注释内容前后空一个空格。
/* 注释内容 */
- 模块注释：以/开始，以/结束，前后空一格空格，第一行填写描述，最后一行填写分割线。
/* 模块注释
-------------------------------------------------------------------- */
文件信息注释
- 在编码声明语句下注明页面名称、作者、创建日期等信息
@charset "UTF-8";
/**
* @desc File Info
* @author Author Name
* @date 2015-10-10
*/
媒体查询
- 屏幕大小从上到下依次从大屏到小屏
兼容性规范
常见的浏览器内核和前缀：
- firefox:-moz-
- chrome、Safari: -webkit-
- ie: -ms-
- opera: -o-
