HTML5学堂:前端页面的开发越来越讲求效率。less可以说,很好地提升了开发速度。本系列将先为大家介绍基本的less用法,之后进行less具体知识的讲解。
LESS 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性,更不是用来取代 CSS 的,而是在现有 CSS 语法的基础上,为 CSS 加入程序式语言的特性。
使用less的几个基本要求:
1、要求编辑器能够支持less文件的编译
2、要求html文件能够解析less文件
3、less的运行环境
欢迎沟通交流~HTML5学堂
打开https://github.com/danro/LESS-sublime将less文件的压缩包下载下来。将文件解压之后,放置于sublime的data中的packages文件夹中。
从http://lesscss.org下载less.js,并将less.js文件引入html页面中。
注意:
引入 XX.less 文件时,rel属性要设置为“stylesheet/less”
less.js 之前引入.less后缀的文件,即less.js最后引入
服务器运行(本地运行无效)
基本demo
欢迎沟通交流~HTML5学堂