十二 . css系列之less语法

1.什么是less：

所谓less是一种动态语言，它是以CSS语法为基础，目的是简化CSS代码，降低CSS维护成本。Less不可以被浏览器直接解释执行，需要对less文件进行编译，编译工具是“考拉”

2.less和CSS的区别有这样几点：

less可以定义变量、定义minin

3.less文件中语言编码声明格式：

@charset "UTF-8";

4.less中可以进行注释

a.单行注释://注释内容
b.多行注释：/*注释内容*/

5.如何定义变量

a.格式：
    @变量名:值；    如：@w:500px;

6.什么是mixin（混合），就是以定义类的形式封装代码，该类可以被其它类调用（以属性的形式）

7.带输出的无参的mixin的定义格式

定义格式：
    .类名{样式}
应用：
    div{.类名}

8.不带输出的无参的mixin的定义格式

定义格式：
    .类名(){样式}
应用：div{.类名}

9.带一个参数的mixin

定义格式：
    .类名(@形参名){样式}
应用：
    div{.类名(具体数值)}

10.带多个参数的mixin

定义格式：
    .类名(@形参1；@形参2....){样式}
应用格式：
    div{.类名(值1；值2；值3...)}

11.带一个有默认值的参数

定义格式：
    .类名(@形参名：默认值){样式}
应用格式：
    a.应用其默认值：div{.类名()}
    b.不用其默认值：div{.类名(值)}

12.带多个参数，其中有带默认值的参数

定义格式：
    .类名(@形参名：默认值；@形参名1；@形参名2...)
应用格式：（在给值的时候，指明该值给谁）
    div{@kuan:值；@gao:值}