摘要: round() 函数可以将一个数四舍五入为一个最接近的整数: 编译后的 css 代码: 在round() 函数中可以携带单位的任何数值。 阅读全文
posted @ 2018-05-29 17:42 珊迪·奇克斯 阅读(473) 评论(0) 推荐(0) 编辑
摘要: 1、percentage() percentage()函数主要是将一个不带单位的数字转换成百分比形式: 编译后的 css 代码: 如果您转换的值是一个带有单位的值,那么在编译的时候会报错误信息: 阅读全文
posted @ 2018-05-29 17:21 珊迪·奇克斯 阅读(573) 评论(0) 推荐(0) 编辑
摘要: 1、To-upper-case() To-upper-case() 函数将字符串小写字母转换成大写字母。如: 编译出来的 css 代码: 2、To-lower-case() To-lower-case() 函数 与 To-upper-case() 刚好相反,将字符串转换成小写字母: 编译出来的 cs 阅读全文
posted @ 2018-05-29 17:13 珊迪·奇克斯 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 字符串函数顾名思意是用来处理字符串的函数。Sass 的字符串函数主要包括两个函数: unquote($string):删除字符串中的引号; quote($string):给字符串添加引号。 1、unquote()函数 unquote() 函数主要是用来删除一个字符串中的引号,如果这个字符串没有带有引 阅读全文
posted @ 2018-05-29 14:31 珊迪·奇克斯 阅读(592) 评论(0) 推荐(0) 编辑
摘要: @each 循环就是去遍历一个列表,然后从列表中取出对应的值。 @each 循环指令的形式: 如果你没有接触过列表,也不要紧,他也非常简单。 在下面的例子中你可以看到,$var 就是一个变量名,<list> 是一个 SassScript 表达式,他将返回一个列表值。变量 $var 会在列表中做遍历, 阅读全文
posted @ 2018-05-29 13:19 珊迪·奇克斯 阅读(182) 评论(0) 推荐(0) 编辑
摘要: @while 指令也需要 SassScript 表达式(像其他指令一样),并且会生成不同的样式块,直到表达式值为 false 时停止循环。这个和 @for 指令很相似,只要 @while 后面的条件为 true 就会执行。 这里有一个 @while 指令的简单用例: 编译出来的 CSS 阅读全文
posted @ 2018-05-29 10:28 珊迪·奇克斯 阅读(313) 评论(0) 推荐(0) 编辑