numbers 类型

数字在 CSS 中应用的很广泛，大多数都是结合单位一起使用的，但是在技术上依然算是数字。例如字体大小、长高、外边距内边距等。Sass 中也有数字（numbers ）类型，数字类型的值可以做一些加减乘除的运算。

在 Sass 中包含以下几种数据类型： 
1. 数字: 如，1、 2、 13、 10px； 
2. 字符串：有引号字符串或无引号字符串，如，”foo”、 ‘bar’、 baz； 
3. 颜色：如，blue、 #04a3f9、 rgba(255,0,0,0.5)； 
4. 布尔型：如，true、 false； 
5. 空值：如，null； 
6. 值列表：用空格或者逗号分开，如，1.5em 1em 0 2em 、 Helvetica, Arial, sans-serif。

SassScript 也支持其他 CSS 属性值（property value），比如 Unicode 范围，或 !important 声明。然而，Sass 不会特殊对待这些属性值，一律视为无引号字符串 (unquoted strings)。

Sass中数据类型有字符串、数值、颜色、列表、布尔值这几种类型，是的，好像和我们编程语言如JS、Java等的数据类型不太一样，尤其是关于颜色。

1. 字符串

Sass的字符串类型分为有引号字符串和无引号字符串：

• 有引号字符串：可以包含除"外的任何字符

• 无引号字符串：不能以数字或者特殊字符开头，也不能包含空格以及一些特殊字符，如*或者&等。

Sass还将另外几个特殊构造看成字符串，如!important，url()值，但url($val)不是，因为它含有变量。

最常用的字符串操作符是+——用于拼接字符串，至于拼接的结果是否带引号，由拼接的左边的字符串决定。由于历史原因，-和/也会拼接，但是操作符本身也会被包含在结果字符串中。

2. 数值

在Sass和css中，数值包括两部分：实际的数字以及（可选的）单位，如px、em、%等。当对含有单位的数值做乘除时，单位也遵循科学运算，如：5em 4px = 20empx。

数值可以进行+、-、*、/和%运算。

因为/在CSS中也被用来分隔值，所以针对/运算有以下规则：

• 如果两个值中有任意一个是字符串，结果将是一个普通的正斜杠，也就是变成拼接字符串的操作并且/字符被包含在结果中

• 以下任一情况满足，都将进行除法运算：

• 在/的任意一边使用一个变量

• 整个值被括号包围

• 该值被用作其他算术表达式的一部分

3. 颜色

颜色值有几种表达方式，这些表达从颜色构成的不同角度进行描述：

1、以#开头的十六进制法，一共6位十六进制数表示，每两位十六进制数依次表示Red、Green、Blue这3个通道的成分多少，从00到ff；

2、以rgb()或rgba()函数描述的颜色，依次传入R、G、B这3个通道的颜色成分，从0到255，对于rgba()最后还传入一个alpha通道，表示不透明度，0表示完全透明，1表示完全不透明；

3、以hsl()或hsla()函数描述的颜色，依次传入色相、饱和度和明度，后者也有一个alpha通道参数；

4、命名好的颜色，比如white、gray等。

4. 列表

列表，是一个数据的序列，用空格或者逗号隔开，你可以理解为数组。列表可以包含其他列表（是不是像二维数组、多维数组），常见的是用逗号隔开的列表中加入用空格隔开的列表，比如a b, c d, e f，也可以用括号来嵌套同类型的其他列表。

列表的用处一般有两个，一是它使用@each指令遍历时，代码更简洁；二是可以用它将更加复杂的参数传递给混合器。

5. 布尔值

布尔值主要用于Sass的分支结构中判断使用，布尔值的操作符有and、or和not，就是与或非。

此外比较操作符<、<=、>、>=只能作用于数字，但是==可作用于所有类型，这些操作符返回布尔值。

Sass 和 JavaScript 语言类似，也具有自己的数据类型，在 Sass 中包含以下几种数据类型：
1. 数字: 如，1、 2、 13、 10px；
2. 字符串：有引号字符串或无引号字符串，如，”foo”、 ‘bar’、 baz；
3. 颜色：如，blue、 #04a3f9、 rgba(255,0,0,0.5)；
4. 布尔型：如，true、 false；
5. 空值：如，null；
6. 值列表：用空格或者逗号分开，如，1.5em 1em 0 2em 、 Helvetica, Arial, sans-serif。

SassScript 也支持其他 CSS 属性值（property value），比如 Unicode 范围，或 !important 声明。然而，Sass 不会特殊对待这些属性值，一律视为无引号字符串 (unquoted strings)。

Sass 语言中支持的数据类型有下面几种：

• numbers：表示整数类型。

• strings：在单引号 '' 或双引号 "" 内定义的字符序列。

• booleans：布尔类型，有 true 和 false 两个值。

• colors：用于定义颜色值。

• nulls：指定空值，是未知数据。

• lists：值列表类型，表示由空格或逗号分隔的值。

• maps：从一个值映射到另一个值。

ScssScript 支持 6 种主要的数据类型：

• 数字，1, 2, 13, 10px

• 字符串，有引号字符串与无引号字符串，"foo", 'bar', baz

• 颜色，blue, #04a3f9, rgba(255,0,0,0.5)

• 布尔型，true, false

• 空值，null

• 数组 (list)，用空格或逗号作分隔符，1.5em 1em 0 2em, Helvetica, Arial, sans-serif

• maps, 相当于 JavaScript 的 object，(key1: value1, key2: value2)

Sass 语言中支持的数据类型有下面几种：

• numbers：表示整数类型。

• strings：在单引号 '' 或双引号 "" 内定义的字符序列。

• booleans：布尔类型，有 true 和 false 两个值。

• colors：用于定义颜色值。

• nulls：指定空值，是未知数据。

• lists：值列表类型，表示由空格或逗号分隔的值。

• maps：从一个值映射到另一个值。

Sass 和 JavaScript 语言类似，也具有自己的数据类型，在 Sass 中包含以下几种数据类型： 
1. 数字: 如，1、 2、 13、 10px； 
2. 字符串：有引号字符串或无引号字符串，如，”foo”、 ‘bar’、 baz； 
3. 颜色：如，blue、 #04a3f9、 rgba(255,0,0,0.5)； 
4. 布尔型：如，true、 false； 
5. 空值：如，null； 
6. 值列表：用空格或者逗号分开，如，1.5em 1em 0 2em 、 Helvetica, Arial, sans-serif。

SassScript 也支持其他 CSS 属性值（property value），比如 Unicode 范围，或 !important 声明。然而，Sass 不会特殊对待这些属性值，一律视为无引号字符串 (unquoted strings)。