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高级配置 <