一，代码风格
1、采用UTF-8编码，在CSS头部引用 @charsetcode>@charset</code "utf-8";
2、使用4个空格作为一个缩进层级，不允许使用2个空格或tab字符
3、每行不得超过120个字符，除非单行不可分割
4、选择器嵌套层级不大于3级，位置靠后的限定条件应尽可能精确。
5、尽量不要使用@import，与相比，@import速度较慢，增加了额外的页面请求，并可能导致其他无法预料的问题。
6、Media Query不得单独编排，必须与相关的规则一起定义。
二，样式属性顺序
1、布局位置（position，top，right，z-index，display，float等）
2、尺寸大小（宽度，高度，填充，边距）
3、文字系列（字体，行高，字母间距，颜色文字对齐等）
4、视觉效果（background，border等）5、其他（动画，转换等）
三，缩写属性和属性值
1、CSS有些属性是可以缩写的，比如填充，边缘，字体，背景，边框等等。缩写代码可以提高用户的阅读体验
2、当数值为小数时，小数点前面的“0”可以去除
3、“0像素”后面的单位可以去除
4、16进制的颜色代码重叠的字符可以缩写的尽量缩写
四，规则声明块样式规范
1、当规则声明块中有多个样式声明时，每条样式独占一行。
2、列表属性并排书写时，用逗号分隔，逗号后必须跟一个空格
3 、选择器与左大括号 {之间必须加一个空格
4、属性名与冒号之间不允许包含空格，冒号与属性值之间必须包含空格
5、在每条样式后面都以分号; 结尾。
6、规则声明块的右大括号} 独占一行。
7、所有最外层引号使用单引号 ‘ ‘ 。
8、当一个属性有多个属性值时，以逗号, 分隔属性值，每个逗号后添加一个空格，当单个属性值过长时，每个属性值独占一行。
9、每个规则声明间用空行分隔。
五，命名规范
1、一律小写2、尽量用英文
3、命名短且语义化要好
4、名字长的单词可以选择使用烤串命名法，中间加横线来为选择器命名
- 布局：以g 为命名空间，例如：.g-wrap 、.g-header、.g-content。
- 状态：以s 为命名空间，表示动态的、具有交互性质的状态，例如：.s-current、s-selected。
- 工具：以u 为命名空间，表示不耦合业务逻辑的、可复用的的工具，例如：u-clearfix、u-ellipsis。
- 组件：以m 为命名空间，表示可复用、移植的组件模块，例如：m-slider、m-dropMenu。
- 钩子：以j 为命名空间，表示特定给JavaScript 调用的类名，例如：j-request、j-open。