08 2016 档案

Sass Maps的函数
摘要：Sass Maps的函数 前面介绍了使用 map 来管理变量，但要在 Sass 中获取变量，或者对 map 做更多有意义的操作，我们必须借助于 map 的函数功能。在 Sass 中 map 自身带了七个函数： map-get($map,$key)：根据给定的 key 值，返回 map 中相关的值。 阅读全文
posted @ 2016-08-29 17:09 悬崖上的公主 阅读(592) 评论(0) 推荐(0)
sass其他函数1
摘要：Miscellaneous函数 在这里把 Miscellaneous 函数称为三元条件函数，主要因为他和 JavaScript 中的三元判断非常的相似。他有两个值，当条件成立返回一种值，当条件不成立时返回另一种值： if($condition,$if-true,$if-false) 上面表达式的意思 阅读全文
posted @ 2016-08-29 16:33 悬崖上的公主 阅读(186) 评论(0) 推荐(0)
Introspection 函数
摘要：Introspection函数 Introspection 函数包括了几个判断型函数： type-of($value)：返回一个值的类型 unit($number)：返回一个值的单位 unitless($number)：判断一个值是否带有单位 comparable($number-1, $numbe 阅读全文
posted @ 2016-08-29 16:22 悬崖上的公主 阅读(212) 评论(0) 推荐(0)
sass列表函数
摘要：列表函数简介 列表函数主要包括一些对列表参数的函数使用，主要包括以下几种： length($list)：返回一个列表的长度值； nth($list, $n)：返回一个列表中指定的某个标签值 join($list1, $list2, [$separator])：将两个列给连接在一起，变成一个列表； a 阅读全文
posted @ 2016-08-29 15:49 悬崖上的公主 阅读(250) 评论(0) 推荐(0)
sass数字函数
摘要：数字函数简介 Sass 中的数字函数提要针对数字方面提供一系列的函数功能： percentage($value)：将一个不带单位的数转换成百分比值； round($value)：将数值四舍五入，转换成一个最接近的整数； ceil($value)：将大于自己的小数转换成下一位整数； floor($va 阅读全文
posted @ 2016-08-29 15:41 悬崖上的公主 阅读(339) 评论(0) 推荐(0)
sass的函数简介
摘要：Sass的函数简介 在 Sass 中除了可以定义变量，具有 @extend、%placeholder 和 mixins 等特性之外，还自备了一系列的函数功能。其主要包括： 字符串函数 数字函数 列表函数 颜色函数 Introspection 函数 三元函数等 当然除了自备的函数功能之外，我们还可以根 阅读全文
posted @ 2016-08-29 15:28 悬崖上的公主 阅读(297) 评论(0) 推荐(0)
sass进阶
摘要：@if @if 指令是一个 SassScript，它可以根据条件来处理样式块，如果条件为 true 返回一个样式块，反之 false 返回另一个样式块。在 Sass 中除了 @if 之，还可以配合 @else if 和 @else 一起使用。 假设要控制一个元素隐藏或显示，我们就可以定义一个混合宏， 阅读全文
posted @ 2016-08-29 15:17 悬崖上的公主 阅读(167) 评论(0) 推荐(0)
混合宏 VS 继承 VS 占位符
摘要：混合宏 VS 继承 VS 占位符 初学者都常常纠结于这个问题“什么时候用混合宏，什么时候用继承，什么时候使用占位符？”其实他们各有各的优点与缺点，先来看看他们使用效果：a) Sass 中的混合宏使用举例代码见右侧 2-24 行 编译出来的 CSS 见右侧结果窗口。总结：编译出来的 CSS 清晰告诉了 阅读全文
posted @ 2016-08-25 17:57 悬崖上的公主 阅读(137) 评论(0) 推荐(0)
sass输出方式
摘要：不同样式风格的输出方法 众所周知，每个人编写的 CSS 样式风格都不一样，有的喜欢将所有样式代码都写在同一行，而有的喜欢将样式分行书写。在 Sass 中编译出来的样式风格也可以按不同的样式风格显示。其主要包括以下几种样式风格： 嵌套输出方式 nested 展开输出方式 expanded 紧凑输出方式 阅读全文
posted @ 2016-08-24 17:59 悬崖上的公主 阅读(394) 评论(0) 推荐(0)
sass编译
摘要：命令编译 命令编译是指使用你电脑中的命令终端，通过输入 Sass 指令来编译 Sass。这种编译方式是最直接也是最简单的一种方式。因为只需要在你的命令终端输入： 单文件编译： sass <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/style.css 这是对一个单文件 阅读全文
posted @ 2016-08-24 17:45 悬崖上的公主 阅读(222) 评论(0) 推荐(0)
sass安装
摘要：什么是 CSS 预处理器？ 定义：CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。通俗的说，“CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译 阅读全文
posted @ 2016-08-23 17:43 悬崖上的公主 阅读(139) 评论(0) 推荐(0)