CSS款式撰写的简要指南

撰写 CSS 款式时，我习惯性遵循这些标准：

    class 名字以连标识符（-）联接，除下文提到的 BEM 取名法；
    缩进 4 空格；
    申明拆分为多行；
    申明以有关性次序排序，而非字母次序；
    有前缀的申明适度缩进，从而对齐其值；
    缩进款式集从而反应 DOM；
    保存最终1条申明末尾的分号。

比如：

大家能够发现，.widget-heading 是 .widget 的子元素，由于前者的款式集比后者多缩进了1级。这样根据缩进便可以让开发设计者在阅读文章编码时迅速获得这样的关键信息内容。

大家还能够发现 .widget-heading 的申明是依据其有关性排序的：.widget-heading 是行间元素，因此大家先加上字体样式有关的款式申明，接下来是其它的。

下列是1个沒有拆分为多行的事例：

在这个事例（来自inuit.css’s table grid system）中，将 CSS 放在1行内可使得编码更紧凑型。