在开始之前，我们先看看现在我们正在用的css。
不同的页面总会有许多许多的颜色，十六进制的记法虽然有好处，但是颜色多了自然会记不住，所以大脑不可靠了。后来，有人建议在css文件头部用注释的方法记录某类颜色的值是多少，这确实是个不错的方法，但是我确实不喜欢复制粘贴。还有一种方法就是另外引入样式，哪个地方需要某个颜色，直接添加这个class就可以，这种方法简单快捷，也有记录的作用，但是引入了多余的class，并且对于结构表现分离有很大影响，所以不是好方法。
不同的页面也有不同的布局，这就导致了各种子元素边距、宽度是根据父元素的宽度计算得来的。比如以下例子：
这是豆瓣读书首页的一个截图，看上去很好写，但是现在我要“新书速递”的宽度不变，里面的书变成六个，以前我们是怎么做的？只能算，每个图宽度应该是多少，margin是多少。过两天“新书速递”的宽度要增加，怎么办？继续算……
有时候一些大型网站多个页面之间有很多可以重用的模块，我们花了很大的功夫在模块的编写上，最后也兴冲冲的发出来，“这个以后大家可以直接用，复制粘贴之！”。然后自嗨来两天，但是到了以后真正用到的时候，却发现找不到了，找到了也不知道应该复制哪一段了，复制了却又发现有问题，最后找到问题原来是版本错了。
