LESS教程

LESS是一个CSS预处理器，可以为网站启用可自定义，可管理和可重用的样式表。

LESS是一种动态样式语言，它赋予了 CSS 一些动态语言的特性，如 变量， 继承， 运算， 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行。

现在开始学习LESS！

LESS可以这样来写CSS:

@base: #f938ab;
 
.box-shadow(@style, @c) when (iscolor(@c)) {
  box-shadow:         @style @c;
  -webkit-box-shadow: @style @c;
  -moz-box-shadow:    @style @c;
}
.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
  .box-shadow(@style, rgba(0, 0, 0, @alpha));
}
.box { 
  color: saturate(@base, 5%);
  border-color: lighten(@base, 30%);
  div { .box-shadow(0 0 5px, 30%) }
}

在引入less.js前先要把你的样式文件引入 :

<link rel="stylesheet/less" type="text/css" href="styles.less">
<script src="less.js" type="text/javascript"></script>

相关资源

LESS中国官网：http://www.lesscss.net/

LESS作者：Alexis Sellier

相关LESS源码：http://github.com/cloudhead/less.js

English: http://lesscss.org（需要代理服务器）

Russian: http://lesscss.ru

German:http://lesscss.de

Japanese: http://less-ja.studiomohawk.com/

Belarus: http://www.designcontest.com/show/lesscss-be