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

less

时间:2016-09-17 10:38:35      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:

9.13
一、less文件(后缀名:.less)
扩展技术基于CSS
变量、混合、函数、运算
简化CSS代码、降低维护成本
必须有个解析器(koala)

二、基本步骤
1)建一个文件夹
2)再建html和less文件
3)启动koala
4)配置路径
5)输入一部分less文件,koala里刷新
6)生成用less名称命名的CSS文件
7)html里引入的是CSS文件

三、变量(值可变)
@变量名:值
声明:@变量名(自取)
使用:属性名:@变量名

四、混合(mixins)(值固定)
1)class类 .名称(自取){}
2)ID #名称(自取){}
3)元素选择器 div,p,h{}

五、
1)带参数的混合(值可变)
.名称(自取)(参数){属性名:参数名}
参数:固定值(设置参数的默认值)(最好不要设)
2)不带参数的属性集
.名称(自取)(){声明}
3)多参数混合

less

标签:

原文地址:http://www.cnblogs.com/wangshimei/p/5878024.html

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