less

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了less相关的知识,希望对你有一定的参考价值。

9.13
一、less文件(后缀名:.less)
扩展技术基于CSS
变量、混合、函数、运算
简化CSS代码、降低维护成本
必须有个解析器(koala)

二、基本步骤
1)建一个文件夹
2)再建html和less文件
3)启动koala
4)配置路径
5)输入一部分less文件,koala里刷新
6)生成用less名称命名的CSS文件
7)html里引入的是CSS文件

三、变量(值可变)
@变量名:值
声明:@变量名(自取)
使用:属性名:@变量名

四、混合(mixins)(值固定)
1)class类 .名称(自取){}
2)ID #名称(自取){}
3)元素选择器 div,p,h{}

五、
1)带参数的混合(值可变)
.名称(自取)(参数){属性名:参数名}
参数:固定值(设置参数的默认值)(最好不要设)
2)不带参数的属性集
.名称(自取)(){声明}
3)多参数混合

以上是关于less的主要内容,如果未能解决你的问题,请参考以下文章

less基础

less基础

LESS基础教程

vue项目中使用less

linux-less

2018-01-09 Linux文本文件查看类命令