-
调试css文件 sourcemap
下面的命令默认
sass --watch style.scss:style.css
终端会显示
Change detected to:style.css
write style.css
write style.css.map
查看全部 -
去掉注释、换行 所有内容一行显示
查看全部 -
compacted压缩 单行显示
查看全部 -
nested与expanded之间的区别
结束花括号的位置
nested
nav li{ display:inline-block;}//这里expanded
nav li{ display:inline-block; }//这里查看全部 -
嵌套输出方式nested
sass --watch test.scss:test.css --style nested
查看全部 -
sass不同样式风格的输出方法
嵌套输出方式 nested
展开输出方式 expanded
紧凑输出方式 compact
压缩输出方式 compressed
查看全部 -
Sass编译支持utf-8
不支持GBK编码
路径中出现中文字符也会出错
查看全部 -
GUI界面工具编译
Koala (http://www.w3cplus.com/preprocessor/sass-gui-tool-koala.html)
CodeKit (http://www.w3cplus.com/preprocessor/sass-gui-tool-codekit.html)
查看全部 -
命令编译
单文件编译
sass <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/style.css
多文件编译
sass sass/:css/
监听Scss只要一变化就会编译 --watch 模式
sass --watch <要编译sass的文件路径>/style.scss:<要输出的css文件路径>/style.css
查看全部 -
在文件中引入还是.css文件，是将Sass编译处理得到的。
编译方法：
命令编译
GUI工具编译
自动化编译
查看全部 -
Sass语法格式：
以
.sass
为文件扩展名
使用缩进控制显示
没有 {} 和 ；
SCSS 语法格式
和CSS长得一样，可以使用变量
查看全部 -
卸载sass
gem uninstall sass
查看全部 -
查看Sass是否安装成功
sass -v
更新sass
gem update sass
查看全部 -
查看全部
-
Sass 与 SCSS的区别
文件的扩展名不同，Sass是以.sass结尾；SCSS是以.scss结尾；
2.前者不带大括号{}和分号（;）,后者带{}和分号
查看全部
举报