less快速学习

本文介绍了Less,一种CSS预处理器,它引入了变量、嵌套规则、混合、计算等功能,提高了CSS的可维护性和效率。通过学习Less的基础,包括注释、变量、嵌套、混合和计算,开发者可以更好地组织和优化CSS代码。此外,文章还讨论了Less的浏览器端和服务器端使用,以及如何利用EasyLESS插件进行自动编译。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

less 学习

看到 less 老是想起 less is more 这句话,这门语言的确是把原来很繁琐的 css 给包装成一门类似于编程语言的语言,感觉看视频只能学习到一点,关键还是看官方文档

  • less 是一个 css 扩展,让 css 变成支持变量,嵌套等操作的 css 语言
  • 可以去 Less官方文档 去学习

less 基础

  • less 可以在浏览器端使用也可以在服务端使用
  • 在浏览器端使用CDN:<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js" ></script> 引入
  • 并且需要告诉浏览器我们写的是 less 代码:
<style type="less"></style>
  • 但是上面的方法是运行时编译 (也就是运行这个网页时才把 less 文件转化为 css),影响网页加载时间
  • 我们想让我们写好 less 文件之后直接转换成 css 文件,这里 vscode 安装 EasyLESS 插件,写好之后会自动生成语义相同的 css 文件
  • EasyLESS高级配置
  • <
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值