-
gem update sass 命令，用于更新sass查看全部
-
在书写sass，不带有花括号，和分号。查看全部
-
避免选择器嵌套： 1、选择器嵌套最大的问题是将使最终的代码难以阅读。开发者需要花费巨大精力计算不同缩进级别下的选择器具体的表现效果。 2、选择器越具体则声明语句越冗长，而且对最近选择器的引用(&)也越频繁。在某些时候，出现混淆选择器路径和探索下一级选择器的错误率很高，这非常不值得。查看全部
-
Sass 的嵌套分为三种： 1、选择器嵌套 2、属性嵌套 3、伪类嵌套查看全部
-
什么时候声明变量？ 1、该值至少重复出现了两次； 2、该值至少可能会被更新一次； 3、该值所有的表现都与变量有关（非巧合）。查看全部
-
in是英寸。8in即8英寸。 1英寸约=2.54厘米,1英寸大约是96像素 width:20px+8in; 8in=8*96px = 768px 即width=20px + 768px = 788px;查看全部
-
[Sass]注释 1、类似 CSS 的注释方式，使用 ”/* ”开头，结属使用 ”*/ ” 2、类似 JavaScript 的注释方式，使用“//” 两者区别，前者会在编译出来的 CSS 显示，后者在编译出来的 CSS 中不会显示查看全部
-
混合宏 VS 继承 VS 占位符 1/如果你的代码块中涉及到变量，建议使用混合宏来创建相同的代码块。 2/如果你的代码块不需要专任何变量参数，而且有一个基类已在文件中存在，那么建议使用 Sass 的继承。 3/不调用就不会产生代码。查看全部
-
Sass占位符%placeholder 优点：只要没有被@extend调用就不会产生代码 %pt5{ padding-top: 5px; }查看全部
-
Sass继承 方法：用@extend来继承已存在的样式块 例子： //SCSS .btn { border: 1px solid #ccc; padding: 6px 10px; font-size: 14px; } .btn-primary { background-color: #f36; color: #fff; @extend .btn; } .btn-second { background-color: orange; color: #fff; @extend .btn; }查看全部
-
混合宏的缺点：容易造成冗余多 .box { -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 5px; } .btn { -webkit-border-radius: 3px; border-radius: 3px; }查看全部
-
特别的参数"..." 当混合宏传的参数过多时，可以用这个参数来替代， 例子： @mixin box-shadow($shadows...){ @if length($shadows) >= 1 { -webkit-box-shadow: $shadows; box-shadow: $shadows; } @else { $shadows: 0 0 2px rgba(#000,.25); -webkit-box-shadow: $shadow; box-shadow: $shadow; } }查看全部
-
-moz代表firefox浏览器私有属性 -ms代表ie浏览器私有属性 -webkit代表safari、chrome查看全部
-
变量：普通变量/默认变量； 如何覆盖默认变量——在默认变量之前重新声明下变量 //默认变量的价值在进行组件化开发的时候会非常有用。查看全部
-
Sass调试： 你的浏览器支持“sourcemap”功能即可。早一点的版本，需要在编译的时候添加“--sourcemap” 参数： sass --watch --scss --sourcemap style.scss:style.css 在 Sass3.3 版本之上（我测试使用的版本是 3.4.7），不需要添加这个参数也可以： sass --watch style.scss:style.css 在命令终端能看到： >>> Change detected to: style.scss write style.css write style.css.map查看全部
举报
0/150
提交
取消