莱斯 (less)
? less中的變量
? ?1、聲明變量:@變量名:變量值
? ? ? ? ? 使用變量名:@變量名
? ? ? ? ? less中的變量類型
? ? ? ? ? ? ①數(shù)字類1 ? 10px ? ? ? ?②字符串:無引號(hào)字符串red和有引號(hào)字符串"haha"? ?
? ? ? ? ? ?③顏色類red#000000 rgb() ? ? ??④值列表類型:用逗號(hào)或空格分隔10px sold red
? ? ? ? ? >>>變量使用原則:多次頻繁出現(xiàn)的值需要修改的值,設(shè)為變量
? ? 2、混合(mixings)
? ? ? ? ? ①無慘混合 ? ? ??聲明·;name{} 選擇器調(diào)用:.name;
? ? ? ? ??②帶參混合
? ? ? ? ? ? ?無默認(rèn)值聲明:.name(@param){} 調(diào)用:.name(parValue);
? ? ? ? ? ? ?有默認(rèn)值聲明:.name(@param.value){} 調(diào)用:.name(parValue);parvalue可省
? ? ? ? ? ? ? ? ?>>>如果聲明時(shí),參數(shù)沒有默認(rèn)值,則調(diào)用時(shí)必須賦值,否則會(huì)報(bào)錯(cuò)!
? ? ? ? ? ? ? ? ?>>>無參混合:會(huì)在css中編譯除同名的class選擇器,有參的不會(huì)
? ? 3、LESS匹配模式 ?
? ? ? ? ? ? ?使用混合進(jìn)行匹配 ,類似于if結(jié)構(gòu)。
? ? ? ? ? ? ? ? >>>聲明.name(條件一,參數(shù)){} .name(條件二,參數(shù)){} .name(@_,參數(shù)){};
? ? ? ? ? ? ? ? >>>調(diào)用:.name(條件值,參數(shù)值);
? ? ? ? ? ? ? ? >>>匹配規(guī)則:根據(jù)調(diào)用時(shí)提供的條件值,去尋找與之匹配的“Mixins”執(zhí)行。其中@_表示永遠(yuǎn)需要執(zhí)行的部分 。?
? ? 4、less中運(yùn)算
? ? ? ? ? ? ? ? 加、減、乘、除在運(yùn)算時(shí)可帶單位或不帶單位,
? ? ? ? ? ? ? ? 顏色運(yùn)算時(shí),紅綠藍(lán)分三組計(jì)算,組內(nèi)可進(jìn)位,組間互不干涉。
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/zw874827903/p/6782240.html
總結(jié)
- 上一篇: 梦到捡鹅蛋是什么梦
- 下一篇: 梦到牙齿全掉了是什么意思