1、概念
oocss：将页面可重用元素抽象成一个类，用class加以描述，而对其他对应的HTML即可看成是此类的一个实例
2、作用
1、加强代码复用以便方便维护
2、减小css体积
3、提升渲染效率
4、组件库思想、栅格布局可共用、减少选择器、方便拓展
3、注意事项
1、不要直接定义子节点，应把共性声明放到父类
2、结构和皮肤相分离
<div class="container simpleExt"></div>
container是控制结构class
simpleExt是控制样式class
3、容器与内容相分离
<div class="container"><ul class="rankList"><li>排行榜</li></ul></div>
.container ul 依赖容器
改成。rankList.ul 解除与容器的依赖
4、抽象出可重用的元素，建好组件库，在组件库内寻找可用的元素组装页面
5、往你想要拓展的对象本身增加class,而不是他的父节点
6、对象应保持独立性
7、避免使用ID选择器，权重太高，无法重用
8、避免位置相关的样式
避免代用header、footer、nav等相关的样式
9、保证选择器相同的权重：不利于升级
10、类名 简短 清晰 语义化 OOCSS的名字并不影响HTML语义化
4、代码实战
官网站：oocss.org
5、reset.css
6、normalize.css
7、Neat.css
