全国热线电话:13633878273
发布时间: 2014-11-29 15:26:58
less有三种使用方法,分别是客户端、服务器和译生成静态 CSS 文件三种方式。
客户端:
只需要从 https://raw.github.com/less/less.js/v2.1.0/dist/less.min.js下载 less.js 文件,然后在我们需要引入 LESS 源文件的 HTML 中加入如下代码:
<link rel="stylesheet/less" type="text/css" href="styles.less"> |
服务器端
LESS服务器端在使用 LESS 的编译器,将 LESS 源文件编译生成最终的 CSS 文件,目前主要利用 node 的包管理器 (npm) 安装 LESS,安装成功后就可以在 node 环境中对 LESS 源文件进行编译。
LESS @import 函数导入 .less 或 .css 文件。 如:
@import “variables.less”;
.less 文件也可以省略后缀名,像这样:
@import “variables”;
引入 CSS 同 LESS 文件一样,只是 .css 后缀名不能省略。
使用编译生成的静态 CSS 文件
通过 LESS 的编译器,将 LESS 文件编译成为 CSS 文件,在 HTML 文章中引入使用。LESS 是完全兼容 CSS 语法的,我们可以将标准的 CSS 文件直接改成 .less 格式,LESS 编译器可以完全识别。