-
第一点：join() 只能将两个列表连接成一个列表，注意是连接成"一个"列表，！而且最终这个列表的每个列表项只有一个值 例如:join((blue,red),(#abc #def)) 结果是(#0000ff, #ff0000, #aabbcc, #ddeeff) 第二点：很多时候不只碰到两个列表连接成一个列表，这个时候就需要将多个 join() 函数合并在一起使用(嵌套)： 例子:join((blue red), join((#abc #def),(#dee #eff))) 结果是(#0000ff #ff0000 #aabbcc #ddeeff #ddeeee #eeffff) 第三点：join()函数中如果第一个列表有分隔符（空格或者逗号），则最终结果都用第一个列表的分隔符；如果第一个列表 只有一个列表项（即无分隔符），则结果使用第二个列表的分隔符分隔；如果这两个列表项都没有分隔符，最终结果会以空格分隔 第四点: join() 函数中还有一个很特别的参数 $separator，这个参数主要是用来给列表函数连接列表值时使用的分隔符号, 默认值为 auto，其余的， comma 值指定列表中的列表项值之间使用逗号（,）分隔，space 值指定列表中的列表项值之间使用空格（ ）分隔。 第五点（该点为使用技巧）:建议大家使用 join() 函数合并列表项的时候就明确指定 $separator 参数，用来指定合并的列表中使用什么方式来分隔列表项。 例如 join(blue,red,comma) 结果是 (#0000ff, #ff0000) 注：这些最终结果的括号实际使用时并没有查看全部
-
length() 函数主要用来返回一个列表中有几个值，简单点说就是返回列表清单中有多少个值 length() 函数中的列表参数之间使用空格隔开，不能使用逗号，否则函数将会出错查看全部
-
random()函数生成5位随机小数查看全部
-
在 min()和max() 函数中同时出现两种不同类型的单位，将会报错误信息 height:min(6%,50%,10%,3%,300%);例子中300%不要换成3，有百分号就全换成百分号，换成3这个整数的话最终结果会报错->by慕课的实际操作查看全部
-
round,ceil,floor,abs可带单位查看全部
-
round,ceil,floor都可以带单位 同样floor(3px / 1em)最终自己操作结果会报错，记得回来找原因查看全部
-
ceil(1em / 5px)与ceil(2% / 3px)同样自己操作结果与老师所说结果不符合->质疑，尚未找到原因 目前已学: round和ceil都可以带单位 此外，width:ceil(-0.2); 结果为 0 width:ceil(-2.2); 结果为 -2查看全部
-
round(20%) 结果 20% round(2.2%) 结果 2% round(-1.2) 结果 -1 round(2px / 3px) 结果 1 round(1px / 3px) 结果 0 round(2.3px) 结果 2px round(3px / 2em) 结果 2px/em(老师所说)自己操作结果Error: 2px/em isn't a valid CSS value.查看全部
-
使用 quote() 函数只能给字符串增加双引号(原字符串两侧如果单引则将其替换为双引；原字符串如果是"''"则中间的单引不变)，而且字符串中间有单引号或者空格时，需要用单引号或双引号括起，否则编译的时候将会报错 ——解决方案： 1.就是去掉空格，或者加上引号。 同时 quote() 碰到特殊符号，比如： !、?、> 等，除中折号 - 和 下划线_ 都需要使用双引号括起，否则编译器在进行编译的时候同样会报错。 （其他人补充）2.空格等特殊字符的处理的替代方案： 例1： content: quote(aha + "Hello Sass");例1结果：content: "ahaHello Sass"; 例2: content:quote(ImWebDesigner + "!");例2结果content:"ImWebDesigner!";查看全部
-
unquote()函数：如果字符没有带引号，返回的将是字符串本身 ——注意，这个 "不带引号的字符串 "不能带感叹号这样的标点查看全部
-
可能会实用的编写技巧，多回顾~查看全部
-
这两个的区别是关键字 through 表示包括 end 这个数，而 to 则不包括 end 这个数。查看全部
-
Sass 中的 @extend 是用来扩展选择器或占位符。比如： .error { border: 1px #f00; background-color: #fdd; } .error.intrusion { background-image: url("/image/hacked.png"); } .seriousError { @extend .error; border-width: 3px; } 被编译为： .error, .seriousError { border: 1px #f00; background-color: #fdd; } .error.intrusion, .seriousError.intrusion { background-image: url("/image/hacked.png"); } .seriousError { border-width: 3px; }查看全部
-
假设要引入的样式文件`example.scss`文件中包含这样的代码： .example { color: red; } 然后这样引用： #main { @import "example"; } 编译出来的 CSS： #main .example { color: red; }查看全部
-
如果你有一个 SCSS 或 Sass 文件需要引入， 但是你又不希望它被编译为一个 CSS 文件， 这时，你就可以在文件名前面加一个下划线，就能避免被编译。 这将告诉 Sass 不要把它编译成 CSS 文件。 然后，你就可以像往常一样引入这个文件了，而且还可以省略掉文件名前面的下划线。 例如，你有一个文件叫做 _colors.scss。 这样就不会生成 _colors.css 文件了， 而且你还可以这样做：查看全部
举报
0/150
提交
取消