CSS Code复制内容到剪贴板
/*————————————*
$RESET
*————————————*/
[Our
reset
styles]
/*————————————*
$FONT-FACE
*————————————*/
在大文件中快速翻动时这些大块的空档有助于区分区块。
如果你在维护多份以 include 连接的 CSS 的话，在每份文件头加上标题即可，不必这样空行。
代码顺序
尽量按照特定顺序编写规则，这将确保你充分发挥 CSS 中第一个 C 的意义：cascade，层叠。
一份规划良好的 CSS 应当按照如下排列：
Reset 万物之根源
元素类型 没有 class 的 h1、ul 等
对象以及抽象内容 最一般、最基础的设计模式
子元素 由对象延伸出来的所有拓展及其子元素
修补 针对异常状态
如此一来，当你依次编写 CSS 时，每个区块都可以自动继承在它之前区块的属性。这样就可以减少代码相互抵消的部分，减少某些特殊的问题，组成更理想的 CSS 结构。
关于这方面的更多信息，强烈推荐 Jonathan Snook 的 SMACSS。
CSS 样式集分析
CSS Code复制内容到剪贴板
[selector]{
[property]:[value];
[<- Declaration ->]
}
[选择器]{
[属性]:[值];
[<- 声明 ->]
}
编写 CSS 样式时，我习惯遵守这些规则：
class 名称以连字符（-）连接，除了下文提到的 BEM 命名法；
缩进 4 空格；
声明拆分成多行；
声明以相关性顺序排列，而非字母顺序；
有前缀的声明适当缩进，从而对齐其值；
缩进样式集从而反映 DOM；
保留最后一条声明结尾的分号。
例如：
CSS Code复制内容到剪贴板
.widget{
padding:10px;
border:1px solid #BADA55;
background-color:#C0FFEE;
