1、floor()的作用:向下取整编译前:div{width:floor(1.8px)}编译后:div{width:1px}2、ceil()的作用:向上取整编译前:div{width:ceil(1.3px)}编译后:div{width:2px}3.Round()函数:舍入编译前:div{width:round(1.8px);height:round(1.2px);}编译后:div{width:2px;height:1px;}4.min()函数:最小值编译前:div{width:min(1px,2px,3px)}编译后:div{width:1px}5.max()函数:最大值编译前:div{width:max(1px,2px,3px)}编译后:div{width:3px}6.Percentage()函数:将浮点数转换为百分比编译前:div{width:percentage(1px)}After编译:div{width:100%}7.sqrt()函数:当前值的平方根编译前:div{width:sqrt(4px)}编译后:div{width:2px}8.abs()函数:当前值的绝对值编译前:div{宽度:abs(-2px);height:abs(2px);}编译后:div{width:2px;height:2px;}9.pin()函数:π值编译前:div{width:pin();}编译后:div{width:3.1415926;}10.pow()函数:幂运算编译前:div{宽度:pow(2px,3);height:pow(2%,3);}编译后:div{width:8px;height:8%;}11.mod()函数:模运算编译前:div{width:mod(3px,2);}编译后:div{width:1px;}12.sin()asin()cos()acos()tan()atan()函数:sinearcsinecosinearccostangentarctangent(以正弦为例)编译前:div{width:sin(1);//1弧度的正弦值,无单位默认弧度制(rad)width:sin(1deg);//1度的正弦值width:sin(1grad);//正弦值渐变值}编译后:div{width:0.84147098;宽度:0.01745241;宽度:0.01570732;}13、isnumber()函数:检查传入的值是否为数字,编译前返回boolean:@num:1;@str:'1';div{width:if(isnumber(@num),1px,10px);height:if(isnumber(@str),1px,10px);}编译后:div{width:1px;height:10px;}14、isstring()函数:检查传入的值是否为字符串,编译前返回boolean:@num:1;@str:'1';div{width:if(isstring(@num),1px,10px);height:if(isstring(@str),1px,10px);}编译后:div{width:10px;height:1px;}15.iscolor()函数:判断传入的值是否为颜色(支持RGB或十六进制),编译前返回布尔值:@black:black;@white:white;div{color:if(iscolor(1),@黑色,@白色);background-color:if(iscolor(#fff),@black,@white);}编译后:div{color:white;background-color:black;}16.iskeyword()函数:检查传入的值是否为关键字,编译前返回boolean:div{width:iskeyword(height)}编译后:div{width:true}17.函数ofisurl():检查传入的值是否为URL地址,编译前返回boolean:div{width:isurl(url());width:isurl(url('www.baidu.com'));th:isurl('www.baidu.com');}编译后:div{width:true;宽度:真;height:false;}18.ispixel()函数:检查传入的值是否为像素单位的数字,编译前返回boolean:div{width:ispixel(2px);宽度:ispixel(2%);宽度:ispixel(2rem);width:ispixel(2em);}编译后:div{width:true;宽度:假;宽度:假;width:false;}19.isem()函数:检查传入的值是否为em单位的数字,编译前返回boolean:div{width:isem(2em);宽度:isem(2px);宽度:isem(2%);width:isem(2rem);}编译后:div{width:true;宽度:假;宽度:假;width:false;}20.ispercentage()函数:检查传入的值是否为百分比单位数,返回boolean编译前:div{width:ispercentage(2em);宽度:百分比(2px);宽度:是百分比(2%);width:ispercentage(2rem);}编译后:div{width:false;宽度:假;宽度:真;width:false;}21.isunit()函数:检查传入的值是否为指定单位的数字,编译前返回boolean:.m(@x)whenisunit((@x,px)){width:@x;}div{.m(200px);米(200%);.m(200em);}编译后:div{width:200px;}22.Saturation()函数:获取颜色饱和度值编译前:div{width:saturation(hsl(90,90%,80%));}编译后:div{width:90%;}23、lightness()函数:获取颜色值中的亮度编译前:div{width:lightness(hsl(90,90%,80%));}编译后:div{width:80%;}24、hsvhue()函数:获取颜色值中的色调值编译前:div{width:hsvhue(hsv(90,90%,80%)));}编译后:div{width:90;}25、hsvsaturation()函数:获取HSV颜色模型中的饱和度值编译前:div{width:hsvsaturation(hsv(90,90%,80%));}编译后:div{width:90%;}26、hsvvalue()函数:获取HSV颜色模型中的透明度值编译前:div{width:hsvvalue(hsv(90,90%,80%));}编译后:div{width:80%;}27.Red()函数:获取颜色中的红色值编译前:div{width:red(rgb(0,127,255));height:red(#007FFF);}编译后:div{width:0;height:0;}28.green()函数:获取color中的绿色值编译前:div{width:green(rgb(0,127,255));height:green(#007FFF);}编译后:div{width:127;height:127;}29、blue()函数:获取color中的蓝色值编译前:div{width:blue(rgb(0,127,255));height:blue(#007FFF);}编译后:div{width:255;height:255;}30.Alpha()函数:获取颜色中的透明度值编译前:div{width:alpha(rgba(0,127,255,.5));}编译后:div{width:0.5;}31.Luma()函数:获取颜色中的亮度百分比编译前:div{width:luma(rgb(0,127,255));}编译后:div{width:22.39874377%;}
