我认识的less
优点：优雅，好用，简单，可复用性强，
缺点：less并其实不能为我们减少沉余css代码，还是要靠自己的CSS基础去判断哪些是沉余代码或者是可以合并的代码
之前发表的一篇文章 一看就懂得移动端rem布局、rem如何换算
关于rem的运用与计算，文章中提到了使用计算器，感觉挺麻烦的，后来想想办法解决这个问题，
发现了less的预处理（推荐使用koala）
比如
100/24rem;
height:200/24rem;
如果你看过了我之前的文章
懂了rem布局原理，并且less能让我们用rem布局换算变得非常简单，也可以说非常直接
less还能设置传参数，下面举个例子
.test(@width){
@width;
}
.test_rem{
.test(640/24rem)
}
@width相当于一个参数，传入去css会被编译成
.test_rem {
26.66666667rem;
}
less在处理不同浏览器之间差异的css3，只需写一次，然后通过传参的方式去调用，极大提高了我们的开发效率，下面举个例子
.border_r(@rad:4px){
border-radius: @rad;
-webkit-border-radius: @rad;
-moz-border-radius: @rad;
}
div{
100px;
height:100px;
.border_r();
}
在css被编译成
div{
100px;
height:100px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
如果想改变默认值只需调用时候改变参数传入的值
div{
100px;
height:100px;
.border_r(5px);
}
看到这里是否初步掌握了less的基本用法？上面是我总结最常用的几个小例子，最喜欢的是less的预处理，我写rem布局再也不用按计算器了~！！！