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

关于less

时间:2016-09-18 01:16:14      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:

一: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}

关于less

标签:

原文地址:http://www.cnblogs.com/yz5253760/p/5880162.html

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