1、概念：
oo:面向对象
oocss将页面可重用元素抽象成一个类，用class加以描述，而与其对应的html即可看成是此类的一个实例。3d加速，完美渲染。
2、作用和注意事项：
作用：- 加强代码复，方便维护 -- 减小css体积 --提升渲染效率 -- 组件库思想，栅格布局可公用，减少选择器，方便扩展
注意事项：
1）不要直接定义子节点，应把共性声明放到父类。
2）结构和皮肤相分离
3）容器和内容相分离
4）抽离出可重用的元素，建好组件库，在组件库内寻找可用的元素组装页面
5）往你想扩展的对象本身增加Class而不是他的父节点，
6）对象应保持独立性
7）避免使用ID选择器，权重太高，无法重用
8）避免位置相关的样式
9）保证选择器相同的权重
10）类名要简短清晰语义化 oocss的名字并不影响html语义化
3、代码实战：
官网：http://oocss.org/
最常用的reset.css | normalize.css | neat.css |
neat网址http://thx.github.io/cube/doc/neat
http://thx.github.io/cube/doc/
网友评论