上一页 1 ··· 11 12 13 14 15 16 17 18 19 ··· 22 下一页
摘要: append() 函数是用来将某个值插入到列表中,并且处于最末位。 如果没有明确的指定 $separator 参数值,其默认值是 auto。 如果列表只有一个列表项时,那么插入进来的值将和原来的值会以空格的方式分隔。 如果列表中列表项是以空格分隔列表项,那么插入进来的列表项也将以空格分隔; 如果列表 阅读全文
posted @ 2018-05-30 17:54 珊迪·奇克斯 阅读(558) 评论(0) 推荐(0) 编辑
摘要: join() 函数是将两个列表连接合并成一个列表。 不过 join() 只能将两个列表连接成一个列表,如果直接连接两个以上的列表将会报错: 但很多时候不只碰到两个列表连接成一个列表,这个时候就需要将多个 join() 函数合并在一起使用: 在 join() 函数中还有一个很特别的参数 $separa 阅读全文
posted @ 2018-05-30 17:47 珊迪·奇克斯 阅读(318) 评论(0) 推荐(0) 编辑
摘要: 语法: nth() 函数用来指定列表中某个位置的值。不过在 Sass 中,nth() 函数和其他语言不同,1 是指列表中的第一个标签值,2 是指列给中的第二个标签值,依此类推。如: 注:在 nth($list,$n) 函数中的 $n 必须是大于 0 的整数: 阅读全文
posted @ 2018-05-30 15:15 珊迪·奇克斯 阅读(960) 评论(0) 推荐(0) 编辑
摘要: length() 函数主要用来返回一个列表中有几个值,简单点说就是返回列表清单中有多少个值: length() 函数中的列表参数之间使用空格隔开,不能使用逗号,否则函数将会出错: 阅读全文
posted @ 2018-05-30 14:30 珊迪·奇克斯 阅读(441) 评论(0) 推荐(0) 编辑
摘要: random() 函数是用来获取一个随机数 阅读全文
posted @ 2018-05-30 14:02 珊迪·奇克斯 阅读(923) 评论(0) 推荐(0) 编辑
摘要: min()函数 min() 函数功能主要是在多个数之中找到最小的一个,这个函数可以设置任意多个参数: 不过在 min() 函数中同时出现两种不同类型的单位,将会报错误信息: max()函数 max() 函数和 min() 函数一样,不同的是,max() 函数用来获取一系列数中的最大那个值: 同样的, 阅读全文
posted @ 2018-05-30 13:07 珊迪·奇克斯 阅读(570) 评论(0) 推荐(0) 编辑
摘要: abs( ) 函数会返回一个数的绝对值。 编译后的 css 代码: 阅读全文
posted @ 2018-05-30 13:04 珊迪·奇克斯 阅读(355) 评论(0) 推荐(0) 编辑
摘要: floor() 函数刚好与 ceil() 函数功能相反,其主要将一个数去除其小数部分,并且不做任何的进位。也就是只做舍,不做入的计算: 编译后的 css 代码: 阅读全文
posted @ 2018-05-30 11:10 珊迪·奇克斯 阅读(253) 评论(0) 推荐(0) 编辑
摘要: ceil() 函数将一个数转换成最接近于自己的整数,会将一个大于自身的任何小数转换成大于本身 1 的整数。也就是只做入,不做舍的计算: 编译后的 css 代码: 阅读全文
posted @ 2018-05-30 11:07 珊迪·奇克斯 阅读(449) 评论(0) 推荐(0) 编辑
摘要: 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) 编辑
上一页 1 ··· 11 12 13 14 15 16 17 18 19 ··· 22 下一页