怎么提高css的复用性

Question

前端新手，初学只写过单个页面，最近写多个页面时遇到一个问题：
页面的header和footer可以使用同一个css文件里的样式，但其它部分的CSS都要全部写一遍，请问有办法提高css的复用性吗？
就是定义的css样式可以在多个页面使用。

Answer 1

既然header、footer在其他页面也要用到，那你就可以把着两个的样式抽出来放在一个css文件中。另外，reset样式、普通控件（比方说按钮）的的样式也可以单独抽出来放在一个组件样式表（比方说component.css），还有一些颜色类，清除浮动类等这类工具类，也可以抽出来。推荐一部适合新手的相关书籍：《编写高质量代码——web前端开发修炼之道》