less安装及初步认识

一: 全局安装:$ npm install -g less
引入方式:
在这里插入图片描述
二:初步认识less:
1,less是一种动态样式语言:在静态样式语言css的基础上,添加了一门真正的语言所必需的元素:变量、数据类型、运算、逻辑结构、函数、继承等,从而大大提高样式的可修改和可维护性。
2,less并不是官方的语言,是第三方语言,所以浏览器不支持。
3,less当做一门语言规则使用,使用less完成样式设置之后,还是需要把less编译成css文件才能在界面中使用。,
4,less的使用方式有两种:
①引入less.js文件在页面中实时转换(不建议使用)
②使用nodejs进行批量转换,然后在页面中使用css文件 (命令:lessc less文件名称 生成的css文件名称)

lessc styles.less styles.css

补充:
less注释:
使用//注释,不会被编译到css文件中;
使用/**/注释,会被编译到css文件中。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值