LESS是一个CSS预处理器,可以为网站启用可自定义,可管理和可重用的样式表。
LESS是一种动态样式语言,它赋予了 CSS 一些动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。
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/
转载本站内容时,请务必注明来自W3xue。
部分原创内容未经授权禁止转载,违者必究。