-
ceil只入不舍查看全部
-
#context a%extreme { color: blue; font-weight: bold; font-size: 2em; } 这段代码在不调用之前不产生任何代码,只有能过@extend调用之后才生成代码: .notice { @extend %extreme; } 编译出来的CSS #context a.notice { color: blue; font-weight: bold; font-size: 2em; }查看全部
-
乖乖写sepparator是最好的选择查看全部
-
min() max()均不支持不同单位同时存在查看全部
-
【SASS】 percentage($value):将一个不带单位的数转换成百分比值; round($value):将数值四舍五入,转换成一个最接近的整数; ceil($value):将大于自己的小数转换成下一位整数; floor($value):将一个数去除他的小数部分; abs($value):返回一个数的绝对值; min($numbers…):找出几个数值之间的最小值; max($numbers…):找出几个数值之间的最大值; random(): 获取随机数查看全部
-
alpha($color) /opacity($color):获取颜色透明度值;
rgba($color, $alpha):改变颜色的透明度值;
opacify($color, $amount) / fade-in($color, $amount):使颜色更不透明;
transparentize($color, $amount) / fade-out($color, $amount):使颜色更透明;
查看全部 -
percentage($value):将一个不带单位的数转换成百分比值;
round($value):将数值四舍五入,转换成一个最接近的整数;
ceil($value):将大于自己的小数转换成下一位整数;
floor($value):将一个数去除他的小数部分;
abs($value):返回一个数的绝对值;
min($numbers…):找出几个数值之间的最小值;
max($numbers…):找出几个数值之间的最大值;
查看全部 -
map使用括号()包裹,冒号(:)分割;逗号(,)间隔元素
最后用;(分号)结尾
查看全部 -
unit() 函数主要是用来获取一个值所使用的单位,碰到复杂的计算时,其能根据运算得到一个“多单位组合”的值,不过只充许乘、除运算:
查看全部 -
数字函数-random()函数
括号内不带参数
查看全部 -
同时 quote() 碰到特殊符号,比如: !、?、> 等,除中折号 - 和 下划线_ 都需要使用双引号括起,否则编译器在进行编译的时候同样会报错:
查看全部 -
使用 quote() 函数只能给字符串增加双引号,而且字符串中间有单引号或者空格时,需要用单引号或双引号括起,否则编译的时候将会报错。
.test1 { content: quote(Hello Sass); }
查看全部 -
the characters of sass:
define variables;
@extend
%placeholder
mixins
what is the functions of sass?
string function
number function
list funtion
color function
introspection function
ternary function
查看全部 -
@each 循环就是去遍历一个列表,然后从列表中取出对应的值。
@each 循环指令的形式:
@each $var in <list>
.author-bio{
@include author-images;
} //sass
.author-bio .photo-adam{
}
查看全部 -
在 Sass 的 @for 循环中有两种方式:
@for $i from <start> through <end> @for $i from <start> to <end>
$i 表示变量
start 表示起始值
end 表示结束值
这两个的区别是关键字 through 表示包括 end 这个数,而 to 则不包括 end 这个数。
查看全部
举报