less函数库(function)

函数库（function）

      函数库里面包括有字符串函数、长度函数、数学函数、类型函数、颜色值定义函数、颜色值通道提取函数、颜色值运算函数及颜色混合函数。但是常用到的函数只有数学函数，其实其他的函数很少用到，所以我不作出其他的函数详解及代码，而且没必要浪费时间，不过可以了解一下其他函数即可。

1.数学函数

1.1 ceil()函数：表示向上取整

less:

.ceil{
    width:ceil(555.99999px);
}

css:

.ceil {
  width: 556px;
}

1.2 floor()函数：表示向下取整

less:

.floor{
    height:floor(333.77777px);
}

css:

.floor {
  height: 333px;
}

1.3 percentage()函数：表示把浮点数转换为百分比

less:

.percentage{
    width:percentage(0.30px);
}

css:

.percentage {
  width: 30%;
}

1.4 round()函数：表示取整和四舍五入

less:

.round{
    font-size:round(5.7px);
}

css:

.round {
  font-size: 6px;
}

1.5 sqrt()函数：表示计算一个数的平方根，原样保持单位

less:

.sqrt{
    width: sqrt(49px);
}

css:

.sqrt {
  width: 7px;
}

1.6 abs()函数：表示计算数字的绝对值，原样保持单位

less:

.abs{
    height: abs(-888px);
}

css:

.abs {
  height: 888px;
}

1.7 sin()函数：表示正弦函数（可忽略）

less:

.sin{
    width:sin(1);
}

css:

.sin {
  width: 0.84147098;
}

1.8 asin()函数：表示反正弦函数（可忽略）

less:

.asin{
    height:asin(1);
}

css:

.asin {
  height: 1.57079633rad;
}

1.9 cos()函数：表示余弦函数（可忽略）

less:

.cos{
    width:cos(1);
}

css:

.cos {
  width: 0.54030231;
}

1.10 acos()函数：表示反余弦函数（可忽略）

less:

.acos{
    width:acos(1);
}

css:

.acos {
  width: 0rad;
}

1.11 tan()函数：表示正切函数（可忽略）

less:

.tan{
    width:tan(5);
}

css:

.tan {
  width: -3.38051501;
}

1.12 atan()函数：表示反正切函数（可忽略）

less:

.atan{
    width:atan(3);
}

css:

.atan {
  width: 1.24904577rad;
}

1.13 pi()函数：表示返回π(pi)（可忽略）

less:

.pi{
    height:pi();
}

css:

.pi {
  height: 3.14159265;
}

1.14 pow()函数：表示乘方运算

less:

.pow{
    width:pow(2,3)px;
}

css:

.pow {
  width: 8 px;
}

1.15 mod()函数：表示取余运算

less:

.mod{
    width: mod(9,5)px;
}

css:

.mod {
  width: 4 px;
}

1.16 min()函数：表示最小值运算

less:

.min{
    height:min(5,3,10)px;
}

css:

.min {
  height: 3 px;
}

1.17 max()函数：表示最大值运算

less:

.max{
    width:max(100,300,200)px;
}

css:

.max {
  width: 300 px;
}

 

2.字符串函数

1.escape()表示将输入字符串的url特殊字符进行编码处理

2.e()表示css转义 用~“值”符号代替

3.%()表示 函数%(string,arguments…) 格式化一个字符串

4.replace()表示用另一个字符串替换文本

 

3.长度函数

1.length()函数表示返回集合中值的个数

2.extract()函数表示返回集合中指定索引的值

 

4.类型函数

1.isnumber()表示如果值是一个数字，返回真（true），否则返回假（false）

2.isstring()表示如果值是一个字符串，返回真（true），否则返回假（false）

3.iscolor()表示如果值是一个颜色，返回真（true），否则返回假（false）

4.iskeyword()表示如果值是一个关键字，返回真（true），否则返回假（false）

5.isurl()表示如果值是一个url地址，返回真（true），否则返回假（false）

6.ispixel()表示如果值是带px单位的数字，返回真（true），否则返回假（false）

7.issem()表示如果值是带em单位的数字，返回真（true），否则返回假（false）

8.ispercentage()表示如果值是一个带%单位的数字，返回真（true），否则返回假（false）

9.isunit()表示如果值是带指定单位的数字，返回真（true），否则返回假（false）

 

5.颜色值定义函数

1.rgb()表示通过十进制红、绿、蓝（RGB）创建不透明的颜色对象

2.rgba()表示通过十进制红、绿、蓝（RGB），以及alpha四种值（RGBA）创建带alpha透明的颜色对象

3.argb()表示创建格式为#AARRGGBB的十六进制颜色 ，用于IE滤镜，.net和安卓开发

4.hls()表示通过色相，饱和度，亮度（HLS）三种值创建不透明的颜色对象

5.hsla()表示通过色相，饱和度，亮度，以及alpha四种值（HLSA）创建带alpha透明的颜色对象

6.hsv()表示通过色相，饱和度，色调（HSV）创建不透明的颜色对象

7.hsva()表示通过色相，饱和度，亮度，以及alpha四种值（HSVA）创建带alpha透明的颜色对象

 

6.颜色值通道提取函数

1.hue()从HSL色彩空间中提取色相值

2.saturation()从HSL色彩空间中提取饱和度

3.lightness()从HSL色彩空间中提取亮度值

4.hsvhue()从HSV色彩空间中提取色相值

5.hsvsaturation()从HSV色彩空间中提取饱和度值

6.hsvvalue()从HSV色彩空间中提取色调值

7.red()提取颜色对象的红色值

8.green()提取颜色对象的绿色值

9.blue()提取颜色对象的蓝色值

10.alpha()提取颜色对象的透明度

11.luma()计算颜色对象luma的值（亮度的百分比表示法）

12.luminance()计算没有伽玛校正的亮度值

 

7.颜色值运算函数

1.saturate()表示增加一定数值的颜色饱和度

2.desaturate()表示降低一定数值的颜色饱和度

3.lighten()表示增加一定数值的颜色亮度

4.darken()表示降低一定数值的颜色亮度

5.fadein()表示降低颜色的透明度（或增加不透明度），令其更不透明

6.fadeout()表示增加颜色的透明度（或降低不透明度），令其更透明

7.fade()表示给颜色（包括不透明的颜色）设定一定数值的透明度

8.spin()表示任意方向旋转颜色的色相角度

9.mix()表示根据比例混合两种颜色，包括计算不透明度

10.greyscale()表示完全移除颜色的饱和度，与desaturate（@color，100%）函数效果相同

11.contrast()表示旋转两种颜色相比较，得出哪种颜色的对比度更大就倾向于对比度最大的颜色

8.颜色混合函数

1.multiply()表示分别将两种颜色的红绿蓝三种值做乘法运算，然后再除以255，输出结果更深的颜色（对应ps中的“变暗/正片叠底”）

2.screen()表示与multiply函数效果相反，输出结果更亮的颜色。（对应ps中“变亮/滤色”）

3.overlay()表示结合multiply与screen两个函数的效果，令浅的颜色更浅，深的颜色更深（对应ps中的叠加），输出结果由第一个颜色参数决定

4.softlight()表示与overlay函数效果相似，只是当纯黑色或纯白色作为参数时输出结果不会是纯黑色或纯白色（对应ps中的“柔光”）

5.hardlight()表示与overlay函数效果相似，不过由第二个颜色参数决定输出颜色的亮度或黑度，而不是第一个颜色参数决定（对应ps中“强光/亮光/线性光/点光”）

6.difference()表示从第一个颜色值中减去第二个（分别计算RGB三种颜色值），输出结果更深的颜色（对应ps中“差值/排除”）

7.exclusion()表示效果与difference函数效果相似，只是输出结果差别更小（对应ps中“差值/排除”）

8.average()表示分别对RGB三个颜色值取平均值，然后输出结果。

9.negation()表示与difference函数效果相反，输出结果是更亮的颜色。（效果相反不代表做加法运算）

 

不断更新中.....给知识充电中。

欢迎各位大佬评论、点赞和收藏！Thanks