less-1

说在前面的话，为什么用less：

1.需要编写的代码明显变少了

2.css管理更加容易

3.less学习成本低

4.使用less实现配色变得非常容易

5.兼容css3，实现各个浏览器中css的兼容写法

6.与css能够很好滴融合使用

总结：它很实用，面试需要，工作需要

 

1.使用less必须运行在服务器环境下 ，否则会报错less.js ，引入less文件后就可以用less的语法写css了。

2.需要注意点地方：先引入less文件再引入less的js文件，而且引入less的属性也跟css的不一样，如：

<link rel="stylesheet/less" rev="stylesheet/less" type="text/less" href="style.less">

<script type="text/javascript" src="js/less-1.3.3.min.js"></script>

3.变量：

在less中定义变量：@screen-sm-min:768px;

调用变量：

/* 小屏幕（平板，大于等于 768px） */

@media (min-width: @screen-sm-min) {

 body{

  background: red;

 }

}

最终在浏览器中的运行结果：