排版规范

1. 1、一个tab设置为四个空格宽度。

2. 2、规则可以写成单行，或者多行，但是整个文件内的规则排版必须统一。如果是在html中写内联的css，则必须写成单行。

3. 3、单行形式书写风格的排版约束

4.      3.1 每一条规则的大括号 { 前后加空格

5.      3.2 多个selector共用一个样式集，则多个selector必须写成多行形式

6.      3.3 每一条规则结束的大括号 } 前加空格

7.      3.4 属性名冒号之前不加空格，冒号之后加空格

8.      3.5 每一个属性值后必须添加分号; 并且分号后空格

9.      例如：

   1 2 3

   div.test { width: 100px; height: 200px; } a:focus, a:hover { position: relative; right: 1px; }

10. 
    

11. 4、多行形式书写风格的排版约束

12.     4.1 每一条规则的大括号 { 前添加空格

13.     4.2 多个selector共用一个样式集，则多个selector必须写成多行形式

14.     4.3 每一条规则结束的大括号 } 必须与规则选择器的第一个字符对齐

15.     4.4 属性名冒号之前不加空格，冒号之后加空格

16.     4.5 属性值之后添加分号;

17. 5、其他规范

18.      5.1 使用单引号，不允许使用双引号

19.      5.2 如果使用CSS3的属性，如果有必要加入浏览器前缀，则按照

20. 1	-webkit- / -moz- / -ms- / -o- / std

         的顺序进行添加，标准属性写在最后，并且属性名称要对齐，例如：

    1 2 3 4 5 6

    div.animation-demo { -webkit-animation: mymove 5s infinite; -moz-animation: mymove 5s infinite; -o-animation: mymove 5s infinite; animation: mymove 5s infinite; }