为了账号安全,请及时绑定邮箱和手机立即绑定
  • unit() 函数主要是用来获取一个值所使用的单位,碰到复杂的计算时,其能根据运算得到一个“多单位组合”的值,不过只充许乘、除运算. 但加、减碰到不同单位时,unit() 函数将会报错,除 px 与 cm、mm 运算之外.
  • type-of() 函数主要用来判断一个值是属于什么类型: 返回值: number 为数值型。 string 为字符串型。 bool 为布尔型。 color 为颜色型。
  • Introspection 函数包括了几个判断型函数: type-of($value):返回一个值的类型 unit($number):返回一个值的单位 unitless($number):判断一个值是否带有单位 comparable($number-1, $number-2):判断两个值是否可以做加、减和合并
  • 在 index() 函数中,如果指定的值不在列表中(没有找到相应的值),那么返回的值将是 false,相反就会返回对应的值在列表中所处的位置。
  • >> zip(1px 2px 3px,solid dashed dotted,green blue red) ((1px "solid" #008000), (2px "dashed" #0000ff), (3px "dotted" #ff0000))
  • 在使用zip()函数时,每个单一的列表个数值必须是相同的,否则将会出错。 zip()函数中每个单一列表的值对应的取其相同位置值: |--- List ---|--- nth(1) ---|--- nth(2) ---|--- nth(3) ---| |------------|--------------|--------------|--------------| | List1 | 1px | 2px | 3px | |------------|--------------|--------------|--------------| | List2 | solid | dashed | dotted | |------------|--------------|--------------|--------------| | List3 | green | blue | red | |------------|--------------|--------------|--------------|
  • append() 函数是用来将某个值插入到列表中,并且处于最末位。如果没有明确的指定 $separator 参数值,其默认值是 auto。 在 append() 函数中,可以显示的设置 $separator 参数, 如果取值为 comma 将会以逗号分隔列表项 如果取值为 space 将会以空格分隔列表项
  • >> join(10px 20px, 30px 40px) (10px 20px 30px 40px) join() 只能将两个列表连接成一个列表,如果直接连接两个以上的列表将会报错,这个时候就需要将多个 join() 函数合并在一起使用: join((blue red), join((#abc #def),(#dee #eff))) 在 join() 函数中还有一个很特别的参数 $separator,这个参数主要是用来给列表函数连接列表值是,使用的分隔符号,默认值为 auto。 join() 函数中 $separator 除了默认值 auto 之外,还有 comma 和 space 两个值,其中 comma 值指定列表中的列表项值之间使用逗号(,)分隔,space 值指定列表中的列表项值之间使用空格( )分隔。 在 join() 函数中除非明确指定了 $separator值,否则将会有多种情形发生。 使用 join() 函数合并列表项的时候明确指定 $separator 参数,用来指定合并的列表中使用什么方式来分隔列表项,避免造成使用混乱的情形。 >> join(blue,red,comma) (#0000ff, #ff0000) >> join(blue,red,space) (#0000ff #ff0000)
  • 在 nth($list,$n) 函数中的 $n 必须是大于 0 的整数(从1而不是0开始): 在 Sass 中,nth() 函数和其他语言不同,1 是指列表中的第一个标签值,2 是指列给中的第二个标签值,依此类推。如: >> nth(10px 20px 30px,1) 10px >> nth((Helvetica,Arial,sans-serif),2) "Arial" (?) >> nth((1px solid red) border-top green,1) (1px "solid" #ff0000)
  • 可以用()将属于一个值的数据括起来表示一个。 length() 函数中的列表参数之间使用空格隔开,不能使用逗号,否则函数将会出错,与js的array不同。
  • length($list):返回一个列表的长度值; nth($list, $n):返回一个列表中指定的某个标签值 index($list, $value):返回一个值在列表中的位置值。 join($list1, $list2, [$separator]):将两个列给连接在一起,变成一个列表; append($list1, $val, [$separator]):将某个值放在列表的最后; zip($lists…):将几个列表结合成一个多维的列表;
  • min() 和max()函数中同时出现两种不同类型的单位,将会报错误信息
  • 在round() 函数中可以携带单位的任何数值。
  • percentage($value):将一个不带单位的数转换成百分比值; round($value):将数值四舍五入,转换成一个最接近的整数; ceil($value):将大于自己的小数转换成下一位整数; floor($value):将一个数去除他的小数部分; abs($value):返回一个数的绝对值; min($numbers…):找出几个数值之间的最小值; max($numbers…):找出几个数值之间的最大值; random(): 获取随机数
  • - 用来给字符串添加引号。如果字符串,自身带有引号会统一换成双引号 ""。 - 使用 quote() 函数只能给字符串增加双引号,而且字符串中间有单引号或者空格时,需要用单引号或双引号括起,否则编译的时候将会报错。 - quote() 碰到特殊符号,比如: !、?、> 等,除中折号 - 和 下划线_ 都需要使用双引号括起,否则编译器在进行编译的时候同样会报错

举报

0/150
提交
取消
课程须知
对CSS有一定的了解,以及最好是学习完成《sass基础篇》课程,才可以更好的学习本课程。
老师告诉你能学到什么?
1、Sass 的控制命令 2、Sass 的函数功能 3、Sass 的函数的 @ 规则
意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!