css预处理语言--less

• 1.什么是less
  Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。
  写完了以后要对其进行编译，编译为css

• 2.为什么使用less(less优势)
  1.变量 2.混合嵌套 3.方法 4.父子元素

• 3.使用less的方法：
  1.服务端：nodejs
  2.浏览器：在浏览器环境中使用 Less 能自己做的就自己做
  3.客户端：koala工具
  less的编写工具
  sublime推荐下载对应的插件 less lessc lesshight
  less的编译工具
  Koala 考拉 --编译的时候如果没有建CSS文件夹 Koala会自动给你生成一个

• 4.创建less页面,并编写less代码
  less文件是以.less结尾的文件 ，在html页面中引入对应的编译后的css文件

通过@变量名的方式来进行变量的定义(@等同于var),之后通过调用变量名来进行赋值
less文件编写：

css代码：

混合嵌套
如图:
less编写：

css代码：

混合带参数嵌套

混合带参数嵌套（带默认值）
less：

css编译后：

嵌套规则：

匹配模式

运算

有一些属性值需要到浏览器中运算，避免被编译