数据类型 - data type

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

CSS 属性的值,还有 Sass 变量的值,可以分成几个不同的类型,比如数字,字符串,颜色,列表等等,Sass 对这些不同类型的数据有不同的对待 .. 比如我们可以使用 + 号去连接两个字符串类型的数据,可以对数字类型的数据去做一些数字运算。Sass 里面自带了一些函数,可以去处理这些不同的类型的数据。 在这一章里,我们来了解一下数据的类型,还有 Sass 自带的一些函数。

下面, 我们先简单的了解一下 ... 打开命令行工具,然后使用 Sass 提供的交互功能,输入 sass -i ... 这样你输入代码,回车以后会立即看到 Sass 运算之后的结果 ..

判断数据的类型,可以使用 type-of() 这个函数 .. 输入 type-of(5) ... 看一下 5 是什么类型的数据,回车 .. 返回的结果是 number ,表示 5 是一个数字 .. 数字类型的数据还可以包含单位 ... type-of(5px) .. 回车 .. 同样返回的是 number ...

type-of(hello) ... 结果是 string ,表示这是一个字符串类型的数据 .. 字符串类型的数据的周围可以包含引号 ... type-of("hello") ... 结果仍然是 string ...

再试一下 type-of(1px solid #000) ... 这次返回的结果是 list ,列表类型的数据 ... 列表数据就是一组数据,中间用空格或者逗号分隔开 ... type-of(5px 10px) ... 同样是一个 list 类型的数据 ...

在 Sass 里面,支持很多种表示颜色的方法 .. 比如最常的用十六进制表示的颜色 ... type-of(#ff0000) ... 结果是 color ... 常用的颜色也可以使用关键词的形式来表示 ... type-of(red) ... 也可以用 rgb 的方法来表示 rgb(255, 0, 0) ... ... 或者 hsl 的方法,hsl(0, 100%, 50%) .. 这些都会被认为是 color ,颜色类型的数据。

数据类型 - data type《 Sass 基础 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点