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

less一些总结

时间:2016-09-10 21:56:30      阅读:1118      评论:0      收藏:0      [点我收藏+]

标签:

less是什么?

less css:指的就是一种动态的样式语言,它属于css预处理语言的一种,他使 用类似css的语法,就像为css赋予了动态语言的特性,类似js.比如说可以定义变量,

定 义函数,运算等等,使css的编写易于维护。

less的目的?

用less的目的就是节省时间,(也就是偷懒的写法)方便开发;

less 变量的规则有哪些?

1.以@作为变量的起始标识,变量名由字母、数字、_和-组 成

2.没有先定义后使用的规定;以最后定义的值为最终值;

3.可用于rule值、rule属性、rule属性部件、选择器、选择器部件、字符串拼接;定义时 "@变量名: 变量值;" 的形式;引用时采用 "@变量名" 或 "@{变量名}" 

的形式;
4.存在作用域,局部作用域优先级高于全局作用域。

less怎么样用?
1.可以嵌套使用,也就是说子元素的样式直接写在父元素的样式里

2.混合使用。样式中嵌套一个样式,甚至一个函数。类似js中调用函数一样。

3.less中允许导入另一个less文件@inport"less文件名",如果要导入Css文件可以 

这样做 @inport (less) "a.css"注意括号后面有一个空格,写在哪导入就在那 。

less中清除浮动的方法:

less清除浮动的方法:。clearfix(){&:after
{content:"";display:block;clear:both}zoom:1},写成一个方法随时调用

less一些总结

标签:

原文地址:http://www.cnblogs.com/yuankaung/p/5860207.html

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