OOCSS是什么
oocss是一个CSS框架，它的主要设计原则是：
1.分离struct和skin（官方用到skin这个词，这里的skin跟内容不太一样。皮肤是用来extend基本的模块的，如果不设置皮肤，页面也可以精确地显示内容，并且内容有合理的位置和宽度和高度，但是没有特定的圆角或者颜色），这一点在后面有详细的说明
2.分离容器和内容（所有的包含了一个独立块的div都可以认为是容器【或许html5里面的Article元素可以更准确地描述"容器"这个词】，容器和内容分开，确保布局不会因为内容的问题溢出或者错乱。并且可维护性也很强。）
注：OOCSS其核心就是用最简单的方式编写最整洁，最于净的CSS代码，从而使代码更具重用性，可维护性和可扩展性提高他的灵活性和可重用性。这个也是OOCSS最重要的一点。（1独立的结构和样式、2、独立的容器和内容）
如何使用面向对象的CSS
以下几点是创建OOCSS的关键部分
1 创建一个组件库
2 独立的容器和内容，并且避免样式来依赖位置
3 独立的结构和样式
4 使用类名为扩展基本对象
5 坚持以语义类来
OOCSS的优点
1 减少CSS代码
1 具有清洁的HTML标记，有语义的类名，逻辑性强的层次关系
2 语义标记，有助于SEO
3 更好的页面优化，更快的加载时间（因为有很多组件重用）
4 可扩展的标记和CSS样式，有更多的组件可以放到库中，而不影响其他的组件
5 能轻松构造新的页面布局，或制作新的页面风格
OOCSS的缺点
1 OOCSS适合真正的大型网站开发，因为大型网站用到的可重用性组件特别的多，如果运用在小型项目中可能见不到什么成效。所以用不用OOCSS应该根据你的项目来决定。
2 如果没用巧妙的使用，创建组件可能对于你来说是一堆没用的东西，成为一烂摊子，给你的维护带来意想不到的杯具，说不定还是个维护的噩梦。
3 最好给每一个组件备写一份说明文档，有助于调用与维护
