09.less-----less中的变量

        1、在less文件中有两种注释：单行注释和多行注释----如下图：

        注意：对于由less转换的css文件必须通过link引入到html文件里才可以使用（必须在html文件里搭好框架，less里写样式，再将转换的css文件引到html里)

        2、变量，可以在变量中存储一个任意的值；

        3、在需要时，我们可以对变量中的值任意的修改；

        4、变量的语法：@变量名：值；

        5、在使用时，如果直接使用则以@变量名使用即可；如果作为类名，或作为一部分值使用时，则要以以下形式：@{ 变量名}

        6. 当变量名重复时，优先使用离的比较近的那一个变量（就近原则）

        7. 变量可以在变量声明之前就使用，但一般还是要先声明再使用

        8、使用$加上想引用的（想引用宽度就跟宽度）

        9、在less中一般创建的是后代元素，也可以通过--------    >.类名来创建子元素

在less中&表示外层的父元素。

less文件：

  相应的css文件：

        10、若两个元素之间有重复的内容，我们可以使用  :extend() 来对当前的选择器扩展指定选择器的样式（选择器分组）；也可以直接引用指定的样式（相当于·对其他元素的样式在该元素内部进行了复制，miaxin混合，一般不使用这种方法）

less文件：

        11、也可以在选择器后面添加一个括号，这样该选择器不会再相应的css文件中显示，相当于创建了mixins（混合），只是为了让其他元素来引用，我们称为混合函数。

less文件：

 相应的css文件：

        12、我们可以在混合函数里设置变量，变量之间用逗号隔开，但在引用时，要对变量进行赋值，赋值有以下几种方式：

        一是，按顺序赋值（即在引用时，按照变量的顺序依次赋值）

        二是，采用类似于名值对的方式赋值：@变量名：值；这种就没有顺序而言。

注意：在混合函数里设置变量时，也可以给变量指定默认值，此时在引用赋值时，一些变量就可以不用给他赋值（此时使用默认值），否则必须给每个变量赋值。

less：

 相应的css文件：

        13、average(颜色1，颜色2):用于取两个颜色之间的中间颜色（即取两个颜色的平均值）

less：

 相应的css文件： 

        14、darken(颜色1，百分比)：用来设置比颜色1加深相应百分比的颜色

less：

css：