关于less

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于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){ [email protected]
———webkit——boder——[email protected]
———webkit——boder——[email protected]}

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

最近关于less sass的新手总结

AngularJs 开发app之准备工作2_less

关于Linux的less和more的命令

less预处理的好处,补充关于之前发表的rem单位的运用于计算

关于sassscssless的概念性知识汇总

关于webStrom-11.1配置less且自动生成.css和自动压缩为.min.css/.min.js