less框架的应用

创建后缀为.less的文件

用@去声明一个变量

例@width:100px;

定义时用:

.box{

width:@width

}

mixin混入:将一个类引用到另一个类

例:.box1{ width:500px};

    .box2{ .box1}

带参数的混入 自定义类名（参数）{属性：参数}，使用时将具体值带入

例:Margin(@canshu)

{margin-top:@canshu}

.box{.Margin(100px)}

less中可嵌套编写后编译

.box{

width:400px;

height:400px;

   .box1{

      width:400px;

   　height:400px;

       }

    .box2{

　　width:400px;

   　height:400px;

       }

}

20170522-20170527【第三周】