Less (一种动态样式语言)

你说的曾经没有我的故事 提交于 2020-04-01 03:22:06

Less (一种动态样式语言)。

LESS是一种由Alexis Sellier设计的动态层叠样式表语言,受Sass所影响,同时也影响了Sass的新语法:SCSS。 LESS是开源的,其第一个版本由Ruby写成,但在后续的版本当中,Ruby逐渐被替换为JavaScript。受益于JavaScript,LESS可以在客户端上运行(IE6+、Webkit、Firefox),也可以在服务端运行(Node.js、Rhino)。 在语法方面,LESS与CSS较为接近,一个合法的CSS代码段本身也是一段合法的LESS代码段。LESS提供变量、嵌套、混合、操作符、函数等一般编程所需的抽象机制。  

例子:

Windows操作系统需要安装下面的这个工具:

WinLess工具 http://winless.org/

注意:第一次运行,需要添加你的less文件所在的文件夹,后缀名必须全部是小写字母.less

【在编写less的时候一定要先运行这个软件,保存文件的时候才会自动编译.css文件。】

运行WinLess之后,你就可以在任何编辑器中打开less文件进行编辑,只要保存文件,它就会自动生成对应的一个.css文件(并压缩,包括去掉注释)。

相关网站【推荐阅读】:

LESS官方网站 http://lesscss.org/

LESS中国官网 http://www.lesscss.net/ 【详细使用介绍】

LESS源码(Git) https://github.com/cloudhead/less.js

LESS教程(W3CPlus) http://www.w3cplus.com/css/less

CSS3.LESS(HoneyLess) https://github.com/xiaoqiang/Honey-less

Dreamweaver中Less自动完成 http://istyles.blog.163.com/blog/static/1811003892012630570145/

LESS介绍及其与Sass的差异 http://www.qianduan.net/an-introduction-to-less-and-comparison-to-sass.html

Css预处理器实践之Sass、Less大比拼 http://cued.xunlei.com/log044

Sublime Text 2的Less2Css插件介绍与安装 http://www.qianduan.net/sublime-text-2-less2css-plugin-introduction.html

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!