首页 > 代码库 > 浅谈less
浅谈less
less
定义:less是css扩展技术
引用变量,mixin混合,运算,以及函数
简化css代码,降低css维护成本
配合使用解析器 kolar
写less的步骤:建立文件夹,然后再建立.html 以及.less的文本
启动kolar
配置路径 + 找到less文件
写一部分less文件,再在kolar里刷新,此时kolar会自动生成所命名的less文件。
在.less文件中可以引入文件:@import".less文件"。“.css文件”{less文件可变,
css文件不可变} 注:less文件的后缀可以省略。
1、变量(值可变)
格式:@变量名:具体变量值(变量名尽量取名一致,以便看得懂)
2、ximin/ximinx 混合
值固定:
class .名称自取{ }
ID #名称自取{ }
元素选择器 div,p,h等
带参数的混合(值可变)
格式:.名称(参数){属性名:参数 }
例:.backgroundUrl(@url){ backgroundUrl:@url}
不带参数的属性值
.名称(){ 声明1;声明2; }
多参数混合
参数1,参数2 .名称(参数1,参数2){ }
参数名称的集合 @arguments
浅谈less
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。