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
less函数库(function)相关推荐
- 虚幻引擎图文笔记:蓝图函数库(Blueprint Function Library)和蓝图宏库(Blueprint Macro Library)
文章目录 概述 蓝图函数库 蓝图宏库 概述 蓝图函数库(Blueprint Function Library)和蓝图宏库(Blueprint Macro Library)的意义和C/C++中函数以及宏 ...
- 状态模式的介绍及状态机模型的函数库javascript-state-machine的用法和源码解析
文章大体就两部分: 状态模式 状态机模型的函数库javascript-state-machine的用法和源码解析 场景及问题背景: 我们平时开发时本质上就是对应用程序的各种状态进行切换并作出相应处理. ...
- c语言 宏 变长参数,科学网—C/C++中处理变长参数函数(Variadic Function)的几个宏 - 彭彬的博文...
近日在模式中进行非线性方程组求解时遇到变长参数函数的问题,以前从来没有自己写过变长参数的函数,于是补了一下课,将近日对该小问题的学习和理解整理如下. 一.变长参数函数(variadic functio ...
- php 表单校验函数库(判断email格式是否正确、http地址是否合法有效、手机号码是否合法)...
/*** 表单校验函数库*//*** 判断email格式是否正确* @param $email*/ function is_email($email) {return strlen($email) & ...
- 传递function_boost库function与bind
boost库function与bind 一.function 头文件:boost/function.hpp function更合适的说法我觉得是一种回调函数的表现方式. boost::function ...
- cgic: 为C语言编写CGI的C函数库
http://www.qqread.com/cgi-perl/v223877.html cgic: 为c语言编写CGI的C函数库 由Thomas Boutell开发 目录 CGIC介绍 怎样写CGIC ...
- shell脚本(五)——函数的格式、传参、变量、递归、函数库
shell脚本(五)--函数 一.shell函数定义 二.格式 1.格式一: 2.格式二: 三.函数返回值 四.函数传参 五.函数变量的作用范围 六.递归 1.阶乘 2.递归查目录 七.创建函数库 一 ...
- php系统函数代码,PHP自定义函数+系统函数库(代码示例)
全局变量$n = 5; //全局变量 function fun1(){ global $n; echo '我在函数体内也可以调用全局变量n,它的值是:' , $n;//5 $n++; } fun1() ...
- C++11新特性之八——函数对象function
http://www.cnblogs.com/yyxt/p/3987717.html 详细请看<C++ Primer plus>(第六版中文版) http://www.cnblogs.co ...
最新文章
- Samba安装配置用于虚拟机共享文件_很详细
- Java I/O流InputStream,OutputStream,Reader,Writer
- 获取cookie里面的值
- Android studio之提示Failed to resolve: com.github.CymChad:BaseRecyclerViewAdapterHelper:2.9.46
- 四、纤维素纤维使用P-N系阻燃剂协同作用的原理?
- 任正非:感谢美国,帮我把华为给全世界都宣传了
- 一步步教你为网站开发Android客户端---HttpWatch抓包,HttpClient模拟POST请求,Jsoup解析HTML代码,动态更新ListView...
- SFTP环境搭建及客户代码调用公共方法封装
- mysql-debug: Thread stack overrun
- Jsp Layout 布局页
- rmt_redis.c:6446 ERROR: Can't handle RDB format version redis-migrate-tool迁移工具报错
- java常用类之Calendar类
- sample_venc解析
- 微型计算机控制技术第三版第四章课后答案,微型计算机控制技术第4章习题答案.doc...
- postman测试JSON参数接口
- Xcode 使用手册之01 欢迎使用Xcode(Xcode中文文档手册)
- steam服务器连接不稳定WIN10,小编操作win10系统steam连接不稳的解决步骤
- 十进制与二进制相互转换(c++)
- EasyUI - panel 高度自适应
- matlab 分数阶的预估校正算法及实现