2020-05-29

Less

（1）静态样式语言，是指不需要特殊处理，即可被浏览器直接解析的样式语言。CSS就是典型的样式语言。动态样式语言，是指必须经过特殊处理，才能被浏览器解析的样式语言。Less就是一种典型的动态样式语言。Less在CSS的基础上添加动态编程语言必须具备的特性，如变量、运算、函数等，极大地提高了样式的可维护性。

（2）浏览器默认不识别Less中新增的变量、运算和函数等新特性，所以必须将Less样式转换为标准的CSS语言才能让浏览器识别出来。这种将Less语言转换为CSS语言的过程称为“编译”。

（3）编译Less代码为CSS代码有两种方式：在客户端编译并使用Less，也就是在网页中先引入Less语言文件（.less文件）——，再引入编译工具（less.min.js）——。让编译工具在客户端浏览器中临时将Less代码转换为CSS语言代码。

（4）Less既支持多行注释，又支持单行注释。但是，只有多行注释会被编译为CSS。

（5）变量是保存并重复使用一个值的程序标识。Less中，只要反复使用一个值，都要将该值保存在变量中。然后，在需要的位置使用变量。使用变量等效于使用变量中的值。定义变量就是创建一个变量并保存一个值。语法为：@变量名：值；使用变量，就是通过使用变量名，来等效使用变量中的值。编译时，变量名所在位置，会被变量值所代替。

（6）Less支持对变量或数字直接量执行算术运算。

（7）Less支持在一个选择器中“混入”另一个选择器定义的样式。这种写法用于简化选择器分组。

（8）Less支持在混入样式时指定参数。定义公共选择器规则时，在选择器后添加（），在其中定义参数变量列表：公共选择器（@参数1，@参数2）{CSS属性：@参数1；CSS属性：@参数2}。其中参数可以在当前选择器内当作变量使用。在其他选择器中混入公共选择器时，也必须通过（）传入参数中，并且要求传入的参数值的个数与顺序，必须和定义公共选择器时（）中的参数变量列表保持一致。

（9）Less预定义函数：ceil（值）——取整；percentage（num）——把小数转换为百分比形式；darken（颜色值，百分比）——把指定颜色变暗；lighten（颜色值，百分百）——把指定颜色变亮；image-width（图片路径）——返回指定图片宽度；image-height（图片路径）——返回指定图片高度。

（10）@import可将多个Less文件导入一个Less文件中。这样，最终编译时就只会编译出一个CSS文件，而不是多个。这样仅需要一次请求即可获得所有Less编译后的CSS文件。