less用法及作用阐述详解

less 是css预处理（预编译）语言；

那么什么是css预编译？

       1、首先css 预编译的出现是为了扩展css功能；

       2、是让css支持一些编程语言才有的功能；（比如：表达式、函数、变量、循环、判断）

       3、有了这些功能就能重复定义，写css也能省去很多重复无用的；

例如：

      var colorRed {color:red}//用var定义一个字体颜色变量样式

• //定义一个新闻列表样式

• .news-list{

• font-size:12px;

• line-height:1.76;

• color:@colorRed;

• }

• //这里文字颜色引用自变量 var colorRed

   这段样式中有引用变量，但是在浏览器c s s引擎解析c s s文件时是不认识这个var变量的，那么这就是一个无用样式，那么css的扩展语言less就是为了把上面这段浏览器不认识的代码，转化为浏览器认识的css标准的代码发给浏览器解析；

• .news-list{

• font-size:12px;

• line-height:1.76;

• color:red;

• }

 

常见的css预编译有三种：less、 sass、 stylus;

Less他扩展了css语言，增加了变量、Mixin、函数等特性，使css更容易维护和扩展。

他不是一个直接使用的语言，而是一个生成css的语言。

Less可以运行在Node或浏览器端，使css的开发更益维护和扩展；

less是基于js运行的，在客户端处理；