来源：自学PHP网 时间：2015-04-14 14:51 作者： 阅读:次
[导读] 之所以用这个标题呢,主要是最近调侃杰伦太有意思了。好吧，开个玩笑而已。如果你了解过Less，并对之很熟悉，就不用往下看了。如果你没用过，恭喜，这是一个入门级的教程，学会了...
|
之所以用这个标题呢,主要是最近调侃杰伦太有意思了。
好吧，开个玩笑而已。
如果你了解过Less，并对之很熟悉，就不用往下看了。
如果你没用过，恭喜，这是一个入门级的教程，学会了它，可以为你节省10%的绳命。
首先，我们得知道Less能干什么。如：
@width:300px;
@fonts:12px bold "宋体,Verdana";
.block-header{
color:#5c5c5c;
.elem-title{
font:@fonts;
width:@width;
}
.elem-content{
width:@width;
height:300px;
}
}
.block-footer{
font:@fonts;
width:@width + 100px;
}
最后编译出来的css是这样的：
.block-header {
color: #5c5c5c;
}
.block-header .elem-title {
font: 12px bold "宋体,Verdana";
width: 300px;
}
.block-header .elem-content {
width: 300px;
height: 300px;
}
.block-footer {
font: 12px bold "宋体,Verdana";
width: 400px;
}
如何安装（主要是基于sublime编辑器，其他编辑器自行google）：
用less进行编译css，有很多途径，可以用nodejs。当然我们希望以最简单的方式来完成，比如：新建一个 test.less文件，按 ctrl +s 即编译成 test.css.
要实现我所描述的功能，你只需要下载一个sublime编辑器，
|
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
