多用组合，少用继承

要做出上图的效果，有多种方法，但我们要用的方法是多用组合少用继承。多用组合少用继承：把相对稳定的部分拆成一个类，把不稳定的部分分拆成几个类。观察上图可知稳定部分是边框样式，区块间隙和行距，不稳定的部分就是字体大小和颜色。现在可以根据规律得出如下代码：   .f18{font-size:18px;} .f20{font-size:20px;} .f22{font-size:22px;} .red{c

>>阅读原文<<