CSS预处理语言--Less快速入门01

1.学习视频

尚硅谷前端less教程

2.学习文档

Less快速入门

3.什么是CSS预编译处理？

CSS预编译处理就是“预先编译处理CSS”
CSS预处理器是用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用。
它扩展了CSS语言，比CSS多出好多功能如变量、嵌套、混合(Mixin)、继承等。

4.使用CSS预编译处理的优势

可以嵌套书写css代码，极大的提高编写效率。可以提供CSS缺失的样式层复用机制，减少冗余代码，提高CSS代码的可维护性。

5.CSS主流预处理器

目前CSS主流预处理器有 Sass/Scss, Less,和Stylus

Sass中文文档：https://sass.bootcss.com/
Less中文文档：https://less.bootcss.com/
Stylus中文文档：https://www.zhangxinxu.com/jq/stylus/

6.Less介绍

Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言,，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS更易维护和扩展。

7.VSCODE使用Less

安装Easy Less插件，编写的.less文件，保存后会自动编译生成对应的.css文件。（使用简单，推荐）

其他软件的安装使用方式请参考视频或者官网提供的npm,导入js文件的方法，以及使用考拉来编译less文件。

使用示例：