今天完成的事情：

开始任务11

学习了解了一下less和sass

在电脑上安装了sass

明天计划的事情：

继续任务11

实践使用sass

遇到的问题：

暂无

收获：

什么是css预处理器

‍‍less和sass都是css预处理器，用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性，无需考虑浏览器的兼容性问题”，例如你可以在 CSS 中使用变量、简单的逻辑程序、函数（如右侧代码编辑器中就使用了变量$color）等等在编程语言中的一些基本特性，可以让你的 CSS 更加简洁、适应性更强、可读性更佳，更易于代码的维护等诸多好处。‍‍

css预处理器有很多种，不过目前使用较多的是less和sass

Sass 语法格式

现在说的 Sass 语法是 Sass 的最初语法格式，是通过 tab 键控制缩进的一种语法规则，而且这种缩进要求非常严格。另外其不带有任何的分号和大括号。常常把这种格式称为 Sass 老版本，其文件名以“.sass”为扩展名

SCSS语法格式

SCSS 是 Sass 的新语法格式，从外形上来判断他和 CSS 长得几乎是一模一样，代码都包裹在一对大括号里，并且末尾结束处都有一个分号。其文件名格式常常以“.scss”为扩展名

在项目中还是引用“.css”文件，Sass 只不过是做为一个预处理工具，提前帮你做事情，只有你需要时候，他才有攻效。

[Sass]命令编译

命令编译是指使用你电脑中的命令终端，通过输入 Sass 指令来编译 Sass。这种编译方式是最直接也是最简单的一种方式。因为只需要在你的命令终端输入。

单文件编译：

sass <要编译的Sass文件路径>/xxx.scss:<要输出CSS文件路径>/xxx.css

如果想对整个项目所有 Sass 文件编译成 CSS 文件，可以这样操作：

多文件编译：

sass sass/:css/

上面的命令表示将项目中“sass”文件夹中所有“.scss”(“.sass”)文件编译成“.css”文件，并且将这些 CSS 文件都放在项目中“css”文件夹中

‍‍上面的两个命令，只能一次性编译。每次个性保存“.scss”文件之后，都得重新执行一次这样的命令。但是如果开启“watch”功能，只要你的代码进行任保修改，都能自动监测到代码的变化，并且直接编译出来：

sass --watch <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/xxx.css