-
$baseLineHeight: 2; $baseLineHeight: 1.5 !default; body{ line-height: $baseLineHeight; } 编译后、css： body{ line-height:2; } 需要覆盖默认值时只需在默认变量前重申变量名查看全部
-
Sass的编译的过程中，是不是支持“GBK”编码的。所以在创建 Sass 文件时，就需要将文件编码设置为“utf-8”。路径中的中文字符会报错查看全部
-
scss 带括号，新版本 扩展名 .scss查看全部
-
@charset 'utf-8';查看全部
-
字符串连接：+（同js一样） 注意： a + 'a' => aa; 'a' + a => 'aa';查看全部
-
color#六位运算，相加时，两位一加查看全部
-
可产生除法效应：1.变量的参与；2.其他运算符的参与；3.圆括号包括；4.函数返回值的运算； 注意：如果带相同单位进行除法，会得出一个不带符号的值（相当于单位被除掉）；查看全部
-
@for $i from 1 through length($list){//for循环，$i从1开始循环到length($list) .icon-#{nth($list, $i)}{//选中$list中的$i项，进行处理 ... } }查看全部
-
只有插值#{}在编译为css时会无视sass中字符串的引号 遗留问题：当 deprecated = property syntax 时 （暂时不理解是怎样的情况），所有的字符串都将被编译为无引号字符串，不论是否使用了引号。查看全部
-
混合宏@mixin中使用插值#{}的限制（ //1. $margin-big: 40px; $margin-medium: 20px; $margin-small: 12px; @mixin set-value($size) { margin-top: $margin-#{$size}; } .login-box { @include set-value(big); }//会删除sass变量的插值； //2. @mixin updated-status { margin-top: 20px; background: #F00; } $flag: "status"; .navigation { @include updated-#{$flag}; }//仍然会报错） 但是在继承@extend和占位符%placeholder完美运行查看全部
-
混合宏@mixin：@include调用，可传参数，但是编译为css时不同选择器的相同代码段不能合并显示； 继承@extend：@extend调用，不能传参数，编译为css时可合并不同选择器的相同代码段，减少css冗余； 占位符%placeholder：@extend调用，可看作@extend的弥补（编译为css时不显示基类（类似于将变量声明部分不显示），只显示实际代码中有用的部分）。查看全部
-
%定义的代码块儿不会被编译到css文件，只会在被@extend调用时，将代码块儿中的属性和值分配显示在调用元素下。使得编译出来的css文件体积小，提高页面加载效率的一个方式。查看全部
-
上一节，sass的一个缺点是@mixin在多处调用的时候，不能很友好的合并，仍然造成了大量代码的冗余。于是乎，提出的@extend继承，实现了代码块儿的合并。查看全部
-
@include作为调用@ximin,即使@ximin参数传值，@include调用时仍可传值进行覆盖查看全部
-
为了单句代码的复用，使用变量；为了代码段的复用，使用宏（@mixin name(para){...},其中还可以使用逻辑关系进行判断（@if ...{@include prefixer(key, value)} @else {@include prefixer(key, value)}））查看全部
举报
0/150
提交
取消