w1020/21.scss/归纳.md

1. Sass是css的扩展语言，可以帮助我们减少css重复的代码，节省开发时间；
2. Sass是一款强化css的辅助工具；
3. Sass文件后缀为.sass，.scss;
4. 它在css语法的基础上增加了变量、嵌套、混合、导入等高级功能，这些拓展令css更加强大与优雅。
5. 使用Sass以及Sass的样式库有助于更好地组织管理样式文件，以及更高校地开发项目。
6. 浏览器并不支持Sass代码，因此，需要使用Sass预处理器将Sass代码，Sass代码转为Css代码

Scss变量

变量用于存储一些信息，它可以重复使用； Sass变量可以存储:字符串、数字、颜色值、布尔值、列表、null值； Sass变量使用$符号；

注释方式

//注释方式 特点:不会保留到编译之后的css文件中 /* */ 多行注释 特点:会保留到编译之后的css文件中

Scss为什么是两种格式

style.sass style.scss sass格式会省略花括号和分号，所以通常存为scss

变量的原理

变量的原理是存储在内存中，用于不断变化的值； 声明变量用$ 全局变量与局部变量 $后跟进变量名 用:进行赋值 $box:50px !default;表示默认变量 特点：优先级较低 !global 全局