-
調(diào)試css文件 sourcemap
下面的命令默認(rèn)
sass --watch style.scss:style.css
終端會顯示
Change detected to:style.css
write style.css
write style.css.map
查看全部 -
去掉注釋、換行 所有內(nèi)容一行顯示
查看全部 -
compacted壓縮 單行顯示
查看全部 -
nested與expanded之間的區(qū)別
結(jié)束花括號的位置
nested
nav?li{ ?display:inline-block;}//這里expanded
nav?li{ ?????display:inline-block; }//這里查看全部 -
嵌套輸出方式nested
sass --watch test.scss:test.css --style nested
查看全部 -
sass不同樣式風(fēng)格的輸出方法
嵌套輸出方式 nested
展開輸出方式 expanded
緊湊輸出方式 compact
壓縮輸出方式 compressed
查看全部 -
Sass編譯支持utf-8
不支持GBK編碼
路徑中出現(xiàn)中文字符也會出錯
查看全部 -
????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/
監(jiān)聽Scss只要一變化就會編譯 --watch 模式
sass --watch <要編譯sass的文件路徑>/style.scss:<要輸出的css文件路徑>/style.css
查看全部 -
在文件中引入還是.css文件，是將Sass編譯處理得到的。
編譯方法：
命令編譯
GUI工具編譯
自動化編譯
查看全部 -
Sass語法格式：
以
.sass
為文件擴(kuò)展名
使用縮進(jìn)控制顯示
沒有?{}?和?；
SCSS 語法格式
和CSS長得一樣，可以使用變量
查看全部 -
卸載sass?
gem uninstall sass
查看全部 -
查看Sass是否安裝成功
sass -v
更新sass
gem update sass
查看全部 -
查看全部
-
Sass 與 SCSS的區(qū)別
文件的擴(kuò)展名不同，Sass是以.sass結(jié)尾；SCSS是以.scss結(jié)尾；
2.前者不帶大括號{}和分號（;）,后者帶{}和分號
查看全部
舉報