码迷,mamicode.com
首页 > 其他好文 > 详细

浅谈less

时间:2016-09-19 06:40:12      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:


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

标签:

原文地址:http://www.cnblogs.com/cswzl/p/5883692.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!