css 编码规范

推荐使用 SASS， sass 是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。

id 和 class 名要可以反应元素的目的和用途，或其它通用名称。

    /* 不推荐 */

    .fw-800 {
      font-weight: 800;
    }
    .red {
      color: red;
    }

    /* 推荐 */
    .heavy {
      font-weight: 800;
    }
    .important {
      color: red;
    }

合理的避免使用ID

• 一般情况下ID不应该被应用于样式。
• ID的样式不能被复用并且每个页面中你只能使用一次ID。
• 使用ID唯一有效的是确定网页或整个站点中的位置。
• 应该始终考虑使用class，而不是id，除非只使用一次。
• 另外，id 选择器的权重很高

CSS选择器中避免标签名

• 构建选择器时应该使用清晰， 准确和有语义的class(类)名。不要使用标签选择器。 如果你只关心你的class(类)名，而不是你的代码元素，这样会更容易维护。
• 如果一个有序列表需要被改成一个无序列表，或者一个div将被转换成article。当你使用具有实际意义的class(类)名，不使用元素选择器，那么你只需要改变你的html标记，而不用改动你的CSS。

尽可能的精确

尽量使用直接子选择器，而不是后代选择器。相比直接子选择器，后代选择器更消耗性能，并且当你在html中添加新的元素时，可能会被迫修改样式。

    // 不推荐
    .content .title {
        height: 200px;
    }
    // 推荐
    .content > .title {
        height: 200px;
    }

缩写属性

CSS提供了各种缩写属性（如 font 字体, margin, padding）应该尽可能使用，即使在只设置一个值的情况下。使用缩写属性对于代码效率和可读性是有很有用的。

0 和 单位

省略“0”值后面的单位。不要在0值后面使用单位，除非有值。

声明结束

为了保证一致性和可扩展性，每个声明应该用分号结束，每个声明换行。这样可读性更高