简单给你说就是scss是css的前身，scss通过编译后生成css,css可以直接在网页中使用，如果scss没有经过编译的话；网页中不能使用和识别的，除非你安装第三方插件支持
导入.sass或.scss文件css有一个不太常用的特性，即@import导入功能，它允许在一个css文件中导入其他css文件。然而，结果是只有执行到@import规则时，浏览器才会去下载其他css文件，这会导致页面样式加载特别慢，从而容易出现页面闪的问题。
sass也有@import导入规则，与css不同的是，sass中的@import规则会在生成css文件时，把相关的文件导入合并成一个文件，而无需浏览器去下载其他的文件。另外在被导入文件中定义的变量等也可以在导入文件中正常使用。
在使用@import导入sass文件时，可以省略sass文件的后缀名.sass或.scss，例如：
- a.scss
body {
background-color: #f00
}
- style.scss
@import "a"
div {
color: #333
}
编译后的style.css文件内容如下:
body {
background-color: #f00
}
div {
color: #333
}
如：在D盘建立一个SASS文件夹，文件夹下有一个style.scss文件（scss，sass都行。sass文件对代码的排版有着非常严格的要求，而且没有大括号，没有分号。scss对代码的要求没那么高。）用下面的方法可以将sass或者scss转换为css文件。首先输出 D: 代表找到D盘 ；
然后输出cd sass 代表找到sass文件夹，其中cd是一定要的；
最后输出 sass>sass --watch style.scss:style.css 在sass文件夹下将style.scss转换为style.css 。sass --watch代表一直监听着style.scss 只要在编辑器上更新了scss就会自动更新style.css 。
