关于less
一: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){ boder_radius@lenth
———webkit——boder——radius@length
———webkit——boder——radius@length}