less一些总结

Posted 2020-08-08

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}，写成一个方法随时调用