首页 > 代码库 > 莱斯 (less)

莱斯 (less)

  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)