我認識的less
優點：優雅，好用，簡單，可復用性強，
缺點：less並其實不能為我們減少沉余css代碼，還是要靠自己的CSS基礎去判斷哪些是沉余代碼或者是可以合並的代碼
之前發表的一篇文章 一看就懂得移動端rem布局、rem如何換算
關於rem的運用與計算，文章中提到了使用計算器，感覺挺麻煩的，后來想想辦法解決這個問題，
發現了less的預處理（推薦使用koala）
比如
width:100/24rem;
height:200/24rem;
如果你看過了我之前的文章
懂了rem布局原理，並且less能讓我們用rem布局換算變得非常簡單，也可以說非常直接
less還能設置傳參數，下面舉個例子
.test(@width){
width: @width;
}
.test_rem{
.test(640/24rem)
}
@width相當於一個參數，傳入去css會被編譯成
.test_rem {
width: 26.66666667rem;
}
less在處理不同瀏覽器之間差異的css3，只需寫一次，然后通過傳參的方式去調用，極大提高了我們的開發效率，下面舉個例子
.border_r(@rad:4px){
border-radius: @rad;
-webkit-border-radius: @rad;
-moz-border-radius: @rad;
}
div{
width:100px;
height:100px;
.border_r();
}
在css被編譯成
div{
width:100px;
height:100px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
如果想改變默認值只需調用時候改變參數傳入的值
div{
width:100px;
height:100px;
.border_r(5px);
}
看到這里是否初步掌握了less的基本用法？上面是我總結最常用的幾個小例子，最喜歡的是less的預處理，我寫rem布局再也不用按計算器了~！！！