开发者学堂课程【移动 Web 前端开发:less-内置函数和运算】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/594/detail/8488
less-内置函数和运算
内容介绍
一、运算
二、内置函数
一、 运算
D
iv
{
W
idth:1
00%
/
12
//默认分为12份,利用运算计算出每列的宽度。
P
adding:0
30
px
/2
///计算槽距
}
结果:
Width:8.33333333%
Padding:0 15px
如果加入运算,每列的宽度和槽距都可以通过控制变量而变化,不再是默认的值。例如:
@
col:15;
@
pad:12px;
.col-xs-1{
w
idth:100%/@col;
p
adding:0 @pad/2;
color
:red*20;
//颜色也可以进行运算,实质是转换为十六进制进行运算。
二、 内置函数
内置函数是 less 本身具备的函数,不需要特意声明,可以直接使用。具体更多的函数参考相关文件。
应用:
.col-xs-1{
color:lighten(red,10%)
//增加亮度,比红色亮10%