持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第6天，点击查看活动详情
正如sass官网所说 Sass 是世界上最成熟、最稳定、最强大的专业级 CSS 扩展语言。 在项目中使用sass可以让代码更加的美观，可读性更强，今天学习一下，记个笔记。
Sass基础
变量
scss中可以使用特定的方式存储颜色，字体，大小等等需要重复使用的值。
通过 $就可以使某物变为变量。
定义变量
使用变量
甚至可以进行变量的运算。
当处理Scss时，他会将变量输出为普通的css内容，在色调相似的品牌网站中有很大的作用。
嵌套
通常再写css时，html有很明显的嵌套结构，但css却没有，有时候css的阅读会让人感觉到窒息。Sass的嵌套功能将允许您以遵循 HTML 选择器，写出嵌套的Sass内容，提高了代码可读性
可以很明显的看出结构
模块
Sass和js相似都可以使用 @import 导入（Dart Sass 支持 @use导入）
如上图在
base.scss中导入common.scss,之后我又将sass挂载到了全局样式当中
mixins相当于一个函数，就像是官网中的内容
好几个css的样式结构都是相同的，里面的内容除了值大体相似就可以使用到mixins
使用如下：
Extend/Inheritance 扩展/继承
在sass中使用 @extend允许您将一组 CSS 属性从一个选择器共享到另一个选择器
定义：
通过在名称前面加入
%，相当于让他成为js中的类，子类继承来让父类中的样式添加到子类中
继承：
通过
@extend的方式，来进行继承，获得其内容的样式
