前端新手，初学只写过单个页面，最近写多个页面时遇到一个问题：
页面的header和footer可以使用同一个css文件里的样式，但其它部分的CSS都要全部写一遍，请问有办法提高css的复用性吗？
就是定义的css样式可以在多个页面使用。
复用css，可以将一些公共样式抽出来
比如button，基本的属性，设置成一个样式，btn-base；自适应宽或者100%宽这样的样式，设置成一个样式，btn-block；颜色等style设置成一个样式，btn-warning，btn-default；
再进一步，使用less，将通用的属性写成变量的形式，甚至是将通用的样式抽出来，写成可传参的公共样式。
既然header、footer在其他页面也要用到，那你就可以把着两个的样式抽出来放在一个css文件中。
另外，reset样式、普通控件（比方说按钮）的的样式也可以单独抽出来放在一个组件样式表（比方说component.css）， 还有一些颜色类， 清除浮动类等这类工具类，也可以抽出来。
推荐一部适合新手的相关书籍：《编写高质量代码——web前端开发修炼之道》
使用less试试
另外太多的复用并不是好事 像bootstrap 那样弄一堆col-xs-x col-md-x而不去考虑用不用
css一是效率 二是够用不多 毕竟载入也是要一点点时间的
有人推荐按功能准备css 但是有些框架明显就是按属性组织 比如大小 尺寸 颜色
于是 还是推荐less。。。less可以include 然后每个页面include你要的东西就可以了