摘要: @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) 编辑
摘要: Sass Maps的函数 前面介绍了使用 map 来管理变量,但要在 Sass 中获取变量,或者对 map 做更多有意义的操作,我们必须借助于 map 的函数功能。在 Sass 中 map 自身带了七个函数: map-get($map,$key):根据给定的 key 值,返回 map 中相关的值。 阅读全文
posted @ 2016-08-29 17:09 悬崖上的公主 阅读(518) 评论(0) 推荐(0) 编辑
摘要: Miscellaneous函数 在这里把 Miscellaneous 函数称为三元条件函数,主要因为他和 JavaScript 中的三元判断非常的相似。他有两个值,当条件成立返回一种值,当条件不成立时返回另一种值: if($condition,$if-true,$if-false) 上面表达式的意思 阅读全文
posted @ 2016-08-29 16:33 悬崖上的公主 阅读(174) 评论(0) 推荐(0) 编辑
摘要: Introspection函数 Introspection 函数包括了几个判断型函数: type-of($value):返回一个值的类型 unit($number):返回一个值的单位 unitless($number):判断一个值是否带有单位 comparable($number-1, $numbe 阅读全文
posted @ 2016-08-29 16:22 悬崖上的公主 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 列表函数简介 列表函数主要包括一些对列表参数的函数使用,主要包括以下几种: length($list):返回一个列表的长度值; nth($list, $n):返回一个列表中指定的某个标签值 join($list1, $list2, [$separator]):将两个列给连接在一起,变成一个列表; a 阅读全文
posted @ 2016-08-29 15:49 悬崖上的公主 阅读(234) 评论(0) 推荐(0) 编辑
摘要: 数字函数简介 Sass 中的数字函数提要针对数字方面提供一系列的函数功能: percentage($value):将一个不带单位的数转换成百分比值; round($value):将数值四舍五入,转换成一个最接近的整数; ceil($value):将大于自己的小数转换成下一位整数; floor($va 阅读全文
posted @ 2016-08-29 15:41 悬崖上的公主 阅读(305) 评论(0) 推荐(0) 编辑