冲浪网站优化网立足洛阳是国内知名SEO服务商,是网站优化SEO学习,SEO技巧方法知识获取重要平台,提供高效的SEO及网站优化解决方案,提高目标网站的网站排名。

全国热线电话:13633878273

冲浪网站优化 / Products Center

LESS的三种使用方法

发布时间: 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 编译器可以完全识别。

上一条:LESS的工作原理

下一条:LESS语法知识