less长度函数和数学函数



长度相关函数


1)length()函数


返回集合中的条数。

例子:length(1px solid #0080ff);

输出:3


2)extract()函数


返回集合中指定索引的值。

例子:@list:”banana”,”tomato”,”peach”;

N:extract(@list,1);

输出:N:banana;

 


数学函数


1).向上取整:ceil()

2).向下取整:floor()

3).将浮点数转换为百分比:percentage()

4).取整和四舍五入:round()

5).计算一个数的平方根,原样保持单位:sqrt()

6).计算数字的绝对值,原样保持单位:abs()

7).正弦函数:sin()

8).反正弦函数:asin()

9).余弦函数:cos()

10).反余弦函数:acos()

11).正切函数:tan()

12).反正切函数:atan()

13).返回π(pi):pi()

14).乘方运算:pow()

15).取余运算:mod()

16).最小值运算:min()

17).最大值运算:max()


下面是这些函数的实例:


div{
  width: ceil(2.9999999px);   //1.ceil()函数  向上取整
  width: floor(2.9999999px);   //1.floor()函数  向下取整
  width:percentage( 0.5px);  将浮点数转换为百分比

//  取整和四舍五入
  width:4.5px ;
  width:round(4.5px) ;

  width:4.4px ;
  width:round(4.4px) ;

  计算一个数的平方根,原样保持单位。
  width: sqrt(16px);
  width: sqrt(9px);

  计算数字的绝对值,原样保持单位。
  top: -999px;
  top: abs(-999px);

  width: sin(1);  //1弧度角的正弦值
  width: sin(1deg);//1角度角的正弦值
  width: sin(1grad); //1百分度角的正弦值

//  反正弦值
  width: asin(-0.84147098);
  width: asin(0);
  width: asin(2);


    width: cos(1);  //1弧度角的余弦值
    width: cos(1deg);//1角度角的余弦值
    width: cos(1grad); //1百分度角的余弦值

  width: tan(1);  //1弧度角的正切值
  width: tan(1deg);//1角度角的正切值
  width: tan(1grad); //1百分度角的正切值

  PI
  width: pi();

//  乘方运算
  width: pow(2px,2);
  width: pow(3px,2);
  width: pow(4px,2);
  width: pow(25px,0.5);

//  mod()取余
  width: mod(3px,2);
//  min()最小

//  max()最大
  width: min(3px,2px,1px);
  width: max(3px,2px,1px);
}

 

这个需要自己多去练习,熟能生巧,数学函数和一些基本的语法类似,所以说并不是很难理解。



【本文由极速大发PK10独家原创,转载请注明出处并保留原文链接】

logo
© 2012-2016 rfel.cn
蜀ICP备13014270号-4 Version 5.0.0 release20160127

免费领取价值1888元求职宝典!

客服热线 400-862-8862

回到顶部