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

莱斯 (less)

时间:2017-05-01 22:22:39      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:修改   运算   nbsp   结构   param   引号   参数   颜色   val   

  less中的变量
   1、声明变量:@变量名:变量值
          使用变量名:@变量名
          less中的变量类型
            数字类1   10px        字符串:无引号字符串red和有引号字符串"haha"   

           颜色类red#000000 rgb()       值列表类型:用逗号或空格分隔10px sold red

          >>>变量使用原则:多次频繁出现的值需要修改的值,设为变量
    2、
混合(mixings)

          无惨混合       声明·;name{} 选择器调用:.name;
          带参混合
             无默认值声明:.name(@param){} 调用:.name(parValue);
             有默认值声明:.name(@param.value){} 调用:.name(parValue);parvalue可省
                 >>>如果声明时,参数没有默认值,则调用时必须赋值,否则会报错!
                 >>>无参混合:会在css中编译除同名的class选择器,有参的不会
    3、LESS匹配模式  

             使用混合进行匹配 ,类似于if结构。

                >>>声明.name(条件一,参数){} .name(条件二,参数){} .name(@_,参数){};
                >>>调用:.name(条件值,参数值);
                >>>匹配规则:根据调用时提供的条件值,去寻找与之匹配的“Mixins”执行。其中@_表示永远需要执行的部分 。 
    4、less中运算
                加、减、乘、除在运算时可带单位或不带单位,
                颜色运算时,红绿蓝分三组计算,组内可进位,组间互不干涉。

 
 

莱斯 (less)

标签:修改   运算   nbsp   结构   param   引号   参数   颜色   val   

原文地址:http://www.cnblogs.com/zw874827903/p/6782240.html

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