摘要: @import Sass 支持所有 CSS3 的 @ 规则, 以及一些 Sass 专属的规则,也被称为“指令(directives)”。 这些规则在 Sass 中具有不同的功效,详细解释如下。 @import Sass 扩展了 CSS 的 @import 规则,让它能够引入 SCSS 和 Sass 阅读全文
posted @ 2016-09-01 17:43 悬崖上的公主 阅读(275) 评论(0) 推荐(0) 编辑
摘要: 颜色函数实战——七色卡 由于平台编辑器功能有限,下面这个实战项目需要小伙伴们,在自己配置好的 sass 环境的机子上自己操作。下面把项目的步骤教给大家:常见的颜色就是七彩色,红、橙、黄、蓝、绿、紫、黑。那么我们就使用 Sass 的颜色函数来制作一个这样的色卡。效果图如下:第一步:编写 html 网页 阅读全文
posted @ 2016-09-01 16:20 悬崖上的公主 阅读(1694) 评论(0) 推荐(0) 编辑
摘要: Opacity函数简介 在 CSS 中除了可以使用 rgba、hsla 和 transform 来控制颜色透明度之外,还可以使用 opacity 来控制,只不过前两者只是针对颜色上的透明通道做处理,而后者是控制整个元素的透明度。 在 Sass 中,也提供了系列透明函数,只不过这系列的透明函数主要用来 阅读全文
posted @ 2016-09-01 16:17 悬崖上的公主 阅读(443) 评论(0) 推荐(0) 编辑
摘要: HSL函数简介 在 Sass 中提供了一系列有关于 HSL 的颜色函数,以供大家使用,其中常用的有 saturation、lightness、adjust-hue、lighten、darken 等等。接下来我们先来了解一下 HSL 颜色函数包括哪些具体的函数,所起的作用是什么:hsl($hue,$s 阅读全文
posted @ 2016-09-01 16:03 悬崖上的公主 阅读(842) 评论(0) 推荐(0) 编辑
摘要: 在 Sass 的官方文档中,列出了 Sass 的颜色函数清单,从大的方面主要分为 RGB , HSL 和 Opacity 三大函数,当然其还包括一些其他的颜色函数,比如说 adjust-color 和 change-color 等。在这章节中,将主要和大家一起探讨 Sass 颜色函数中常见的 RGB 阅读全文
posted @ 2016-09-01 15:26 悬崖上的公主 阅读(5648) 评论(0) 推荐(0) 编辑