Sass的基本使用

为什么要使用sass?

首先css它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。sass是一种CSS的开发工具，引入了变量等，使得写法更加便利和灵活，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。

如何使用sass?

首先新建一个.scss文件，它会自动生成.css和.map文件，编写sass代码，它会实时的编译.css文件，.map文件是干什么呢？它是一个.json格式的文件，可直接调用sass源文件。

一、变量的使用

变量是以$符号开头的。

全局变量（写在函数体外部）:

$color:red;
body{
    background-color:$color;
}

局部变量（写在函数体内部）：

body{
    $color:red;
    backgorund-color:$color;
}

如果定义的是一个局部变量，那么外部是访问不到的，会报错。

解决办法：给局部变量后面加    !global  这样外面的函数就可以访问了（但一般不用，如果要这样访问，一般会设置成全局变量）

body{
  $color1:red !global;
  background-color: $color;
}
#app{
  color: $color1;
}

二、数据类型

SassScript