本教程操作环境：windows7系统、css3&&html5版、dell g3电脑。
sass是什么
sass 是一门高于 css 的元语言，它能用来清晰地、结构化地描述文件样式，有着比普通 css 更加强大的功能。sass 能够提供更简洁、更优雅的语法，同时提供多种功能来创建可维护和管理的样式表。
sass 是采用 ruby 语言编写的一款 css 预处理语言，它诞生于2007年，是最大的成熟的 css 预处理语言。最初它是为了配合haml（一种缩进式 html 预编译器）而设计的，因此有着和 html 一样的缩进式风格。sass是css3的一个扩展，增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或web框架插件把它转换成标准的、格式良好的css代码。
sass官方网站：http://sass-lang.com
scss是什么
scss 是 sass 3 引入新的语法，是sassy css的简写，是css3语法的超集，也就是说所有有效的css3样式也同样适合于sass。说白了scss就是sass的升级版，其语法完全兼容 css3，并且继承了 sass 的强大功能。也就是说，任何标准的 css3 样式表都是具有相同语义的有效的 scss 文件。另外，scss 还能识别大部分 css hacks（一些 css 小技巧）和特定于浏览器的语法，例如：古老的 ie filter 语法。
由于 scss 是 css 的扩展，因此，所有在 css 中正常工作的代码也能在 scss 中正常工作。也就是说，对于一个 sass 用户，只需要理解 sass 扩展部分如何工作的，就能完全理解 scss。大部分扩展，例如变量、parent references 和 指令都是一致的；唯一不同的是，scss 需要使用分号和花括号而不是换行和缩进。
sass和scss的区别
sass 和 scss 其实是同一种东西，我们平时都称之为 sass，两者之间不同之处有以下两点：
文件扩展名不同，sass 是以“.sass”后缀为扩展名，而 scss 是以“.scss”后缀为扩展名
语法书写方式不同，sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，而 scss 的语法书写和我们的 css 语法书写方式非常类似。
下面介绍一下它们的编译规则：
sass的编译
1. sass编译的方法：
命令编译自动化编译gui工具编译注意： “单文件编译” 和 ”多文件编译” 。
2. sass输出方式：
输出方式编译时，携带参数参考图
sass嵌套输出方式 nested sass --watch test.scss:test.css --style nested 图1
sass展开输出方式 expanded sass --watch test.scss:test.css --style expanded 图2
sass展开输出方式 compact sass --watch test.scss:test.css --style compact 图3
sass展开输出方式 compressed sass --watch test.scss:test.css --style compressed 图4
截图 对比：
除了以上的介绍之外，sass还可以进行加法/减法、乘法、除法、变量计算、数字运算、字符运算、颜色运算，等等。
（学习视频分享：css视频教程）
以上就是sass和scss有什么区别的详细内容。