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-