首页 > 代码库 > less一些总结

less一些总结

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一些总结