关于less

Posted 2020-08-09

一：less——基本语法
1:拓展技术，基于css 技术演变而来 2:变量，混合函数运算
3:简化css代码，降低维护成本 4：解析器（考拉进行解析）
二：变量质可变
@nice——blue：＃5B83AD
@light－blue：@nice——blue＋＃111
使用考拉解析方法：
1:新建文件夹，2:文件名输入名称后.less
3:启动考拉软件 4:配置路径，点击“＋”点击相应文件夹
5:在less里面写东西 6:刷新写在less写成后在考拉软件里会新生成一个css的文件
6:如果书写不符合规格，在koala软件里面日志中寻找
7:html里面我们引入的是“css”文件，但是从头到尾写在less文件里。
8:less也可以引入文件。“iomport”引入less文件，css文件。
9:变量质尽量取名为重复易懂的。
三：混合MIXINS
1: 混合mixing只有三种选择器，｛class id 元素选择器｝
class属性类：width height｛width ：200px height:200px｝
id属性类：#fontsize{font-size 30px}
元素选择器
2：带参数混合（调多个参数，质可变，属性集合，名称参数）
用于调数。
background url(@url){backgroud @url}
3:给参数设置默认值
boder Radius(@length:10px){ [email protected]
———webkit——boder——[email protected]
———webkit——boder——[email protected]}