高质量CSS编写规范

①id和class的命名在保持语义性的同时尽可能的短.
不推荐的写法：#navigation {} .atr {}
推荐的写法  ： #nav {} .author {}
可以缩写单词，但缩写后务必能让人明白其含义。比如author缩写成atr就非常费解。

②属性书写顺序,首先定义显示属性
推荐的写法  ：.selector{float:left;width:300px;height:200px; font-size:14px;color:#f36;}
不推荐的写法：.selector{font-size:14px; color:#f36; float:left; width:300px; height:200px;}
这样，就可以从CSS 规则中靠前的定义获得显示版式。 框架为先，细节次之比如写一个浮动容器的样式，我们应该先让这个容器的框架被渲染出来，让大家看到基本的网站框架。然后再再去渲染容器里面的内容。最终呈现给用户. 通常像 color font padding 之类的，写在后面。

③属性书写顺序，有因才有果
不推荐的写法： span{ margin-bottom:10px; display:block; }
推荐的写法  ： span{ display:block; margin-bottom:10px; }