首页 > 其他 > 详细

less 使用入门

时间:2017-03-02 19:43:28      阅读:214      评论:0      收藏:0      [点我收藏+]

LESSS是基于JavaScript,所以,是在客户端处理的。

使用less很简单:

1 下载less.js

2 新建less文件后缀名称是.less

3 在页面中引入less文件,跟引入普通的css的是一样的,区别:rel=stylesheet/less    css是stylesheet/css 

4 在less文件的下方引入less.js ,ps:less.js一定要在style.less样式文件之后引入

为了避免客户端是不支持js引起的问题,可以使用下面的方法:

在本地使用less.js与less文件进行样式的编写,在项目完成之后,可是使用node.js对less文件进行编译,生成css文件,在项目中直接引入css文件就可以了

步骤:

1 安装node.js node.js中有自带的npm node.js安装完之后就可以使用npm安装相应的环境

2 安装完之后 node -v查看node的版本     npm  -v 查看npm的版本

3 安装 less npm install -g less(全局安装less) less npm install -d less (在D盘安装less)

4 lessc style.less style.css(在style.less的目录下生成css文件)

less 使用入门

原文:http://www.cnblogs.com/xiaofenguo/p/6492008.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!