上一页 1 ··· 10 11 12 13 14 15 16 17 18 ··· 22 下一页
摘要: Red() 函数 red() 函数非常简单,其主要用来获取一个颜色当中的红色值。假设有一个 #f36 的颜色,如果你想得到 #f36 中的 red 值是多少,这个时候使用 red() 函数就能很简单获取。 得到的值是”255”。 Green() 函数 green() 函数和 red() 函数一样,用 阅读全文
posted @ 2018-06-02 13:10 珊迪·奇克斯 阅读(905) 评论(0) 推荐(0) 编辑
摘要: rgba() 函数主要用来将一个颜色根据透明度转换成 rgba 颜色。 其语法有两种格式: 其中 rgba($color,$alpha) 函数作用更大,主要运用在这样的情形之中:假设在实际中知道的颜色值是 #f36 或者 red,但在使用中,需要给他们配上一个透明度,这个时候在原来的 CSS 中,首 阅读全文
posted @ 2018-06-02 11:46 珊迪·奇克斯 阅读(9069) 评论(0) 推荐(0) 编辑
摘要: 在 Sass 的官方文档中,列出了 Sass 的颜色函数清单,从大的方面主要分为 RGB , HSL 和 Opacity 三大函数,当然其还包括一些其他的颜色函数,比如说 adjust-color 和 change-color 等。在这章节中,将主要和大家一起探讨 Sass 颜色函数中常见的 RGB 阅读全文
posted @ 2018-06-02 10:45 珊迪·奇克斯 阅读(443) 评论(0) 推荐(0) 编辑
摘要: map-remove($map,$key) map-remove($map,$key) 函数是用来删除当前 $map 中的某一个 $key,从而得到一个新的 map。其返回的值还是一个 map。他并不能直接从一个 map 中删除另一个 map,仅能通过删除 map 中的某个 key 得到新 map。 阅读全文
posted @ 2018-06-01 17:45 珊迪·奇克斯 阅读(279) 评论(0) 推荐(0) 编辑
摘要: map-values($map) map-values($map) 函数类似于 map-keys($map) 功能,不同的是 map-values($map )获取的是 $map 的所有 value 值,可以说也将是一个列表。而且,map-values($map) 中如果有相同的 value 也将会 阅读全文
posted @ 2018-06-01 15:48 珊迪·奇克斯 阅读(269) 评论(0) 推荐(0) 编辑
摘要: map-keys($map) 函数将会返回 $map 中的所有 key。这些值赋予给一个变量,那他就是一个列表。如: 其返回的值为: 换句话说: 相当于: 这个时候,就可以配合 Sass 的 list 做很多事情。 上面的示例,可以做通过 map-keys($map) 来做一个修改: 上面代码中最不 阅读全文
posted @ 2018-06-01 14:17 珊迪·奇克斯 阅读(243) 评论(0) 推荐(0) 编辑
摘要: map-has-key($map,$key) 函数将返回一个布尔值。当 $map 中有这个 $key,则函数返回 true,否则返回 false。 前面的示例,当 $key 不在 $map 中时,使用 map-get($map,$key) 函数将返回一个 null 值。但对于开发人员,并看不到任何提 阅读全文
posted @ 2018-05-31 19:17 珊迪·奇克斯 阅读(305) 评论(0) 推荐(0) 编辑
摘要: map-get($map,$key) 函数的作用是根据 $key 参数,返回 $key 在 $map 中对应的 value 值。如果 $key 不存在 $map中,将返回 null 值。此函数包括两个参数: $map:定义好的 map。 $key:需要遍历的 key。 来看一个简单的示例,假设定义了 阅读全文
posted @ 2018-05-31 15:18 珊迪·奇克斯 阅读(679) 评论(0) 推荐(0) 编辑
摘要: Sass 的 map 常常被称为数据地图,也有人称其为数组,因为他总是以 key:value 成对的出现,但其更像是一个 JSON 数据 那么Sass的map长得与JSON极其相似: 首先有一个类似于 Sass 的变量一样,用个 $ 加上命名空间来声明 map。后面紧接是一个小括号 (),将数据以 阅读全文
posted @ 2018-05-31 13:21 珊迪·奇克斯 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 在这里把 Miscellaneous 函数称为三元条件函数,主要因为他和 JavaScript 中的三元判断非常的相似。他有两个值,当条件成立返回一种值,当条件不成立时返回另一种值: 上面表达式的意思是当 $condition 条件成立时,返回的值为 $if-true,否则返回的是 $if-fals 阅读全文
posted @ 2018-05-31 13:07 珊迪·奇克斯 阅读(511) 评论(0) 推荐(0) 编辑
摘要: comparable() 函数主要是用来判断两个数是否可以进行“加,减”以及“合并”。如果可以返回的值为 true,如果不可以返回的值是 false: 阅读全文
posted @ 2018-05-31 13:00 珊迪·奇克斯 阅读(154) 评论(0) 推荐(0) 编辑
摘要: unitless() 函数相对来说简单明了些,只是用来判断一个值是否带有单位,如果不带单位返回的值为 true,带单位返回的值为 false: 阅读全文
posted @ 2018-05-30 23:04 珊迪·奇克斯 阅读(1547) 评论(0) 推荐(0) 编辑
摘要: unit() 函数主要是用来获取一个值所使用的单位,碰到复杂的计算时,其能根据运算得到一个“多单位组合”的值,不过只充许乘、除运算: 但加、减碰到不同单位时,unit() 函数将会报错,除 px 与 cm、mm 运算之外: unit() 函数对于单位运算相对来说也没有规律,而且有些单位也无法整合成一 阅读全文
posted @ 2018-05-30 22:47 珊迪·奇克斯 阅读(847) 评论(0) 推荐(0) 编辑
摘要: type-of() 函数主要用来判断一个值是属于什么类型: 返回值: number 为数值型。 string 为字符串型。 bool 为布尔型。 color 为颜色型。 阅读全文
posted @ 2018-05-30 22:38 珊迪·奇克斯 阅读(189) 评论(0) 推荐(0) 编辑
摘要: ndex() 函数类似于索引一样,主要让你找到某个值在列表中所处的位置。在 Sass 中,第一个值就是1,第二个值就是 2,依此类推: 在 index() 函数中,如果指定的值不在列表中(没有找到相应的值),那么返回的值将是 false,相反就会返回对应的值在列表中所处的位置。 阅读全文
posted @ 2018-05-30 22:34 珊迪·奇克斯 阅读(423) 评论(0) 推荐(0) 编辑
上一页 1 ··· 10 11 12 13 14 15 16 17 18 ··· 22 下一页