面向对象的css less 和sass

Css 初始化   reset.css      或者  normalise .   Near.css兼容IE6以及现代浏览器。

Oocss  也就是面向对象的css        

面向对象是将css可重用的元素抽象成一个类，用class加以描述。

Css也可以写循环，也可以写函数，

Oocss 的作用：

1.加强代码的复用并且方便维护。

2.减少css的体积。

3.提升渲染效率。

4.组件库思想，栅格布局可以共用，减少选择器，方便扩展。

注意事项：

1.不要直接定义子节点，可以吧一些有共性的东西放在父类。

2.结构与皮肤相分离。

3.容器与内容相分离。

4.抽象出可重用的元素，建好组件库，在组件库内寻找可用的元素组装页面，

5.往你想要扩展的对象本身增加class而不是他的父节点，

6.对象应该保持独立性。

7.避免使用ID选择器，权重太高，无法使用。

8.避免位置相关的样式。

9.保证选择器相同的权重，。

10.类名，简单，清晰，语义化，

Less 是css的预处理器。一种动态的样式语言。基于javascript的

监视模式：监视模式是在客户端的一个功能，这个功能允许你当你改变样式的时候，客户端自动更新。

要使用它，只要在url后面加上 “#！watch” 然后刷新页面就可以了。另外，也可以通过在终端运行less.watch()来启动监视模式。

Sass 的安装。  sass是基于ruby的。  Scss  index.scss  index.css

Sass 里面的@import  不比css里面的import  

mixIn        定义的了一个函数。

compass    样式框架。