CSS3学习（九） 更高级的CSS用法

面向对象的CSS思想
1.作用：
①代码复用，减小代码体积
②提高渲染效率
③建立起组件库思想、栅格布局、减少选择器，提升思考的格局

2.注意：
①结构与皮肤分离
②容器与内容分离
③抽象出可重用元素，建立组件库
④避免ID选择器，重用度为0，除非用在Js中

官方网站：http://www.oocss.org
常用css库：normalnize.css/resize.css/Neat.css(推荐)

Less（css的预处理动态语言，基于javascript）
作用：可以在css中使用变量、函数、继承等动态语言的特性
学习：http://less.bootcss.com/features/

Sass（css的预处理语言，基于Ruby）
学习：http://www.w3cplus.com/sassguide/
框架：compass

双飞翼 和 圣杯 布局：
收获：
①学会使用负边距：

    `margin-left：-100%；`
//如果上一行有一个浮动的块状元素，负边距会使本行元素也顶到上一行对应位置；

②li标签默认是竖直方向放置的，如果需要变横向，只需加入display属性值为inline即可；