码迷,mamicode.com
首页 > 其他好文 > 详细

20170522-20170527【第三周】

时间:2017-05-30 00:11:40      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:混入   编写   nbsp   后缀   less   定义类   变量   另一个   width   

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【第三周】

标签:混入   编写   nbsp   后缀   less   定义类   变量   另一个   width   

原文地址:http://www.cnblogs.com/lv5mian/p/6919318.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!