-
$baseLineHeight:2; $baseLineHeight:1.5 ！default; 默认值 会被前面那个覆盖的查看全部
-
用@mixin定义混合宏，再用@include引用，编译后，引用的部分全是分开写，重复度较高； 用@extend继承样式块，则在编译后，会将用到的部分合并在一起查看全部
-
% 你用我就在，你不用我不在查看全部
-
--style nested/expanded/compact/compressed查看全部
-
默认变量 ！default查看全部
-
宏，类似函数，有参数和逻辑关系，关键字@mixin @include查看全部
-
继承，可以合并相同样式查看全部
-
注意，如果有引号的字符串被添加了一个没有引号的字符串 （也就是，带引号的字符串在 + 符号左侧）， 结果会是一个有引号的字符串。 同样的，如果一个没有引号的字符串被添加了一个有引号的字符串 （没有引号的字符串在 + 符号左侧）， 结果将是一个没有引号的字符串查看全部
-
注意循环查看全部
-
混合宏 VS 继承 VS 占位符 初学者都常常纠结于这个问题“什么时候用混合宏，什么时候用继承，什么时候使用占位符？”其实他们各有各的优点与缺点，先来看看他们使用效果： a) Sass 中的混合宏使用 举例代码见右侧 2-24 行 编译出来的 CSS 见右侧结果窗口。 总结：编译出来的 CSS 清晰告诉了大家，他不会自动合并相同的样式代码，如果在样式文件中调用同一个混合宏，会产生多个对应的样式代码，造成代码的冗余，这也是 CSSer 无法忍受的一件事情。不过他并不是一无事处，他可以传参数。 个人建议：如果你的代码块中涉及到变量，建议使用混合宏来创建相同的代码块。 b) Sass 中继承 同样的，将上面代码中的混合宏，使用类名来表示，然后通过继承来调用： 代码见右侧 26-48 行 总结：使用继承后，编译出来的 CSS 会将使用继承的代码块合并到一起，通过组合选择器的方式向大家展现，比如 .mt, .block, .block span, .header, .header span。这样编译出来的代码相对于混合宏来说要干净的多，也是 CSSer 期望看到。但是他不能传变量参数。 个人建议：如果你的代码块不需要专任何变量参数，而且有一个基类已在文件中存在，那么建议使用 Sass 的继承。 c) 占位符 最后来看占位符，将上面代码中的基类 .mt 换成 Sass 的占位符格式： 代码见右侧 50-72 行 总结：编译出来的 CSS 代码和使用继承基本上是相同，只是不会在代码中生成占位符 mt 的选择器。那么占位符和继承的主要区别的，“占位符是独立定义，不调用的时候是不会在 CSS 中产生任何代码；继承是首先有一个基类存在，不管调用与不调用，基类的样式都将会出现在编译出来的 CSS 代码中。”查看全部
-
@mixin声明混合宏，用@include来调用。查看全部
-
注意区分&符的位置，置前表示它为父集，置后代表它为子集查看全部
-
gem uninstall sass查看全部
-
Sass中的数据类型： 1.数字，如，1、2、12、10px； 2.字符串：有引号和无引号字符串，如，"foo"、"bar"、baz； 3.颜色：如，blue、#333、rgb(255,0,0,0.5)； 4.布尔型，如，true、false； 5.空值，如，null； 6.值列表：用空格或者逗号分开，如，1.5em 1em 0 2em、Helvetica,Arial,sans-serif。查看全部
-
声明变量的准则： 1.该值至少重复出现了两次； 2.该值至少可能会被更新一次； 3.该值所有的表现都与变量有关（非巧合）。 创建变量只适用于感觉有必要的情况下，基本上，没有理由声明一个永远不需要更新或者只在单一地方使用的变量。查看全部
举报
0/150
提交
取消