less框架的應用

創建後綴為.less的文件

[email protected]

[email protected]: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【第三周】