less-内置函数和运算 |学习笔记

简介: 快速学习 less-内置函数和运算

开发者学堂课程【移动 Web 前端开发:less-内置函数和运算】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/594/detail/8488


less-内置函数和运算

 

内容介绍

一、运算

二、内置函数

 

一、 运算

Div{

Width:100%/12

//默认分为12份,利用运算计算出每列的宽度。

Padding:0 30px/2

///计算槽距

}

结果:

Width:8.33333333%

Padding:0 15px

如果加入运算,每列的宽度和槽距都可以通过控制变量而变化,不再是默认的值。例如:

@col:15;

@pad:12px;

.col-xs-1{

width:100%/@col;

padding:0 @pad/2;

color:red*20;

//颜色也可以进行运算,实质是转换为十六进制进行运算。

 

二、 内置函数

内置函数是 less 本身具备的函数,不需要特意声明,可以直接使用。具体更多的函数参考相关文件。

应用:

.col-xs-1{

color:lighten(red,10%)

//增加亮度,比红色亮10%

相关文章
|
7月前
|
C语言
C语言中的赋值运算、比较运算和逻辑运算详解
C语言中的赋值运算、比较运算和逻辑运算详解
142 0
|
算法
表达式转换-中缀转后缀表达式后计算-数据结构与算法
表达式转换-中缀转后缀表达式后计算-数据结构与算法
413 0
表达式转换-中缀转后缀表达式后计算-数据结构与算法
|
C语言
【C语言】计算含多种运算符的表达式
【C语言】计算含多种运算符的表达式
151 1
|
存储 编译器 C语言
C语言(二) 补码,运算值与表达式
C语言(二) 补码,运算值与表达式
175 0
|
SQL 算法 Java
【Go语言刷题篇】Go从0到入门2:类型转换、字符求和、运算符运算(加减乘除取余比较符)练习
本系列文章采用牛客的核心代码模式进行案例代码提供,帮助大家从0到入门的学习过程中进行配套的刷题~
【Go语言刷题篇】Go从0到入门2:类型转换、字符求和、运算符运算(加减乘除取余比较符)练习
|
PHP 开发者
比较运算| 学习笔记
快速学习比较运算。
比较运算| 学习笔记
|
存储 C语言
位操作符的一些运算小技巧
位操作符的一些运算小技巧
110 0
|
开发者 Python
使用内置函数实现进制转化 | 学习笔记
快速学习 使用内置函数实现进制转化
|
NoSQL MongoDB 数据库
范围运算|学习笔记
快速学习范围运算
|
NoSQL MongoDB 数据库
数组运算|学习笔记
快速学习数组运算