0723 sass笔记

一、什么是CSS预处器

CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。通俗的说，CSS预处理器用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用。CSS预处理器为CSS增加一些编程的特性，无需考虑浏览器的兼容性问题，例如你可以在CSS中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性，可以让你的CSS更加简洁、适应性更强、可读性更佳，更易于代码的维护等诸多好处。

sass背景介绍

Sass是对CSS（层叠样式表）的语法的一种扩充，诞生于2007年，最早也是最成熟的一款CSS预处理器语言，它可以使用变量、常量、嵌套、混入、函数等功能，可以更有效有弹性的写出CSS。Sass最后还是会编译出合法的CSS让浏览器使用，也就是说它本身的语法并不太容易让浏览器识别，因为它不是标准的CSS格式，在它的语法内部可以使用动态变量等，所以它更像一种极简单的动态语言。

Sass编译方式

更改Sass编译方式的方法 --style [compact,expanded,compressed]
更改编译方式命令:sass --watch sass:css --style compact

Scss的变量

使用 $符号＋名称 可以定义变量

变量里可以使用另外一个变量

创建项目

在你需要的地方创建项目，然后在编辑器中打开该目

在目录下创建一个文件夹sass,在该文件夹下新建文件3333.scss
该目录用于存放项目所有的sass文件

在目录下创建一个文件夹css,在该文件夹下新建文件2222.scss
该目录用于存储编译好的css文件
 

 示例

 Sass 与 less的区别

• 扩展名不一样
• Sass 是 .sass
• less 是 .scss (常用)