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%

相关文章
|
8月前
|
C语言
C语言中的赋值运算、比较运算和逻辑运算详解
C语言中的赋值运算、比较运算和逻辑运算详解
150 0
|
8月前
|
Go
go算数运算、关系运算、布尔运算、位运算
go算数运算、关系运算、布尔运算、位运算
|
算法
表达式转换-中缀转后缀表达式后计算-数据结构与算法
表达式转换-中缀转后缀表达式后计算-数据结构与算法
420 0
表达式转换-中缀转后缀表达式后计算-数据结构与算法
|
9月前
|
SQL 存储 数据库
SQL 算术运算符:加法、减法、乘法、除法和取模的用法
存储过程是一段预先编写好的 SQL 代码,可以保存在数据库中以供反复使用。它允许将一系列 SQL 语句组合成一个逻辑单元,并为其分配一个名称,以便在需要时调用执行。存储过程可以接受参数,使其更加灵活和通用。
201 0
|
SQL 算法 Java
【Go语言刷题篇】Go从0到入门2:类型转换、字符求和、运算符运算(加减乘除取余比较符)练习
本系列文章采用牛客的核心代码模式进行案例代码提供,帮助大家从0到入门的学习过程中进行配套的刷题~
【Go语言刷题篇】Go从0到入门2:类型转换、字符求和、运算符运算(加减乘除取余比较符)练习
|
PHP 开发者
比较运算| 学习笔记
快速学习比较运算。
比较运算| 学习笔记
|
开发者 Python
内置函数总结 | 学习笔记
快速学习 内置函数总结
127 0
内置函数总结 | 学习笔记
|
存储 C语言
位操作符的一些运算小技巧
位操作符的一些运算小技巧
112 0
|
开发者
算术运算| 学习笔记
快速学习算术运算。
|
存储 PHP 开发者
赋值运算| 学习笔记
快速学习赋值运算。

热门文章

最新文章