莱斯 (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中运算
加、减、乘、除在运算时可带单位或不带单位,
颜色运算时,红绿蓝分三组计算,组内可进位,组间互不干涉。