CSS和SCSS有什么区别？

除了Idriss答案：

的CSS

在CSS中，我们编写了如下所示的完整代码。

body{
 width: 800px;
 color: #ffffff;
}
body content{
 width:750px;
 background:#ffffff;
}

SCSS

在SCSS中，我们可以使用来缩短此代码，@mixin因此我们不必一次又一次地编写color和width属性。我们可以通过类似于PHP或其他语言的函数来定义它。

$color: #ffffff;
$width: 800px;

@mixin body{
 width: $width;
 color: $color;

 content{
  width: $width;
  background:$color;
 }
}

萨斯

但是，在SASS中，整个结构在视觉上比SCSS更快，更干净。

• 使用复制和粘贴时，它对空格敏感，

• 看来目前不支持内联CSS。

  $color: #ffffff
  $width: 800px
  $stack: Helvetica, sans-serif
  
  body
    width: $width
    color: $color
    font: 100% $stack
  
    content
      width: $width
      background:$color