Sass 和 SCSS 有什么区别？，Sass入门篇教程-慕课网

Sass 和 SCSS 有什么区别？

Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点：

先来看一个示例：

Sass 语法

$font-stack: Helvetica, sans-serif  //定义变量
$primary-color: #333 //定义变量

body
  font: 100% $font-stack
  color: $primary-color

SCSS 语法

$font-stack: Helvetica, sans-serif;
$primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;
}

编译出来的 CSS

body {
  font: 100% Helvetica, sans-serif;
  color: #333;
}

提示：小伙伴们可以看出来，我们的右侧代码使用的是 SCSS 语法方式（我们的代码编辑器不支持 Sass 语法方式噢！）。

编写第一个".scss"文件，在编辑器的第一行和第二行定义一个变量，并在body中调用对应变量来设置body大小尺寸？

body {

width: 200px;

height: 300px;

}

?不会了怎么办

设置一个变量$width和$height

参考代码：

$width: 200px;
$height: 300px;
body {
    width: $width;
    height: $height;
}

提交

公开笔记

提交

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求