摘要:
@import Sass 支持所有 CSS3 的 @ 规则, 以及一些 Sass 专属的规则,也被称为“指令(directives)”。 这些规则在 Sass 中具有不同的功效,详细解释如下。 @import Sass 扩展了 CSS 的 @import 规则,让它能够引入 SCSS 和 Sass
阅读全文
posted @ 2017-05-25 20:36
yfb
阅读(197)
推荐(0)
编辑
摘要:
RGB颜色函数-RGB()颜色函数 在 Sass 的官方文档中,列出了 Sass 的颜色函数清单,从大的方面主要分为 RGB , HSL 和 Opacity 三大函数,当然其还包括一些其他的颜色函数,比如说 adjust-color 和 change-color 等。在这章节中,将主要和大家一起探讨
阅读全文
posted @ 2017-05-25 20:31
yfb
阅读(458)
推荐(0)
编辑
摘要:
列表函数主要包括一些对列表参数的函数使用,主要包括以下几种: length($list):返回一个列表的长度值; nth($list, $n):返回一个列表中指定的某个标签值 join($list1, $list2, [$separator]):将两个列给连接在一起,变成一个列表; append($
阅读全文
posted @ 2017-05-25 20:24
yfb
阅读(204)
推荐(0)
编辑
摘要:
Sass的函数简介 在 Sass 中除了可以定义变量,具有 @extend、%placeholder 和 mixins 等特性之外,还自备了一系列的函数功能。其主要包括: 字符串函数 数字函数 列表函数 颜色函数 Introspection 函数 三元函数等 当然除了自备的函数功能之外,我们还可以根
阅读全文
posted @ 2017-05-25 20:18
yfb
阅读(228)
推荐(0)
编辑
摘要:
@if @if 指令是一个 SassScript,它可以根据条件来处理样式块,如果条件为 true 返回一个样式块,反之 false 返回另一个样式块。在 Sass 中除了 @if 之,还可以配合 @else if 和 @else 一起使用。 假设要控制一个元素隐藏或显示,我们就可以定义一个混合宏,
阅读全文
posted @ 2017-05-25 20:13
yfb
阅读(145)
推荐(0)
编辑
摘要:
[Sass运算]加法 程序中的运算是常见的一件事情,但在 CSS 中能做运算的,到目前为止仅有 calc() 函数可行。但在 Sass 中,运算只是其基本特性之一。在 Sass 中可以做各种数学计算,在接下来的章节中,主要和大家一起探讨有关于 Sass 中的数学运算。 (一)、加法 加法运算是 Sa
阅读全文
posted @ 2017-05-25 15:02
yfb
阅读(273)
推荐(0)
编辑