多用組合，少用繼承

要做出上圖的效果，有多種方法，但我們要用的方法是多用組合少用繼承。多用組合少用繼承：把相對穩定的部分拆成一個類，把不穩定的部分分拆成幾個類。觀察上圖可知穩定部分是邊框樣式，區塊間隙和行距，不穩定的部分就是字體大小和顏色。現在可以根據規律得出如下代碼：   .f18{font-size:18px;} .f20{font-size:20px;} .f22{font-size:22px;} .red{c

>>阅读原文<<