css预处理 之 less（浏览器端） （一） 认知 + 基础

CSS预处理

为什么要提出这个概念？
1、它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅
2、常用 less sass stylus 这几种
3、先看 sass

1、
打开vscode 文件 这样可以将新的内容放到vscod


2、安装 sass
gem install sass
sass -v

sass 安装 一直存在问题

先学习 less 安装less

1、
先在 vscode 建一个less learn 文件夹 学习它

2、
koala 官网可以下载 或者找资源下载

3、
新建几个文件夹

4、

将整个 CSS 文件夹拖到 考拉里面 自动生成 css

暂且比较nice

5、
在less文件夹下面下载一个less.main.js
注意两个地方 …/这个写法 子目录

6、

2-1 less 基础

2-1-1注释
1、加一个03.css 03.less

2、