CSS 代码规范

1. kebab-case（短横线连接式）

/* good */
.hotel-title {
  font-weight: bold;
}

/* bad */
.hotelTitle {
  font-weight: bold;
}

2. 空格的使用规则

.hotel-content {
  font-weight: bold;
}

选择器与 { 之前要有空格 属性名的 : 后要有空格 属性名的 : 前禁止加空格

3. 多选择器规则之间换行

当样式针对多个选择器时每个选择器占一行

推荐的写法：

a.btn,
input.btn,
input[type='button'] {
  ......;
}

4. 禁止向 0 后添加单位

.obj {
  left: 0px;
}

5. 小图片必须 sprite 合并

推荐文章：NodeJs 智能合并 CSS 精灵图工具 iSpriter

6. 推荐 reset.css 样式

推荐网站：http://www.cssreset.com/

7. 禁止使用"*"来选择元素

* {
  margin: 0;
  padding: 0;
}

这样写是没有必要的，一些元素在浏览器中默认有 margin 或 padding 值，但是只是部分元素，没有必要将所有元素的 margin、padding 值都置为 0。

8. 链接的样式顺序

a:link -> a:visited -> a:hover -> a:active