我們都知道sass其實有兩種,一種是sass,一種是scss。
sass 和 scss 其實是同一種東西,我們平時都稱之為 sass,兩者之間不同之處有以下兩點:
副檔名不同,sass 是以「.sass」字尾為副檔名,而 scss 是以「.scss」字尾為副檔名
語法書寫方式不同,sass 是以嚴格的縮排式語法規則來書寫,不帶大括號({})和分號(;),而 scss 的語法書寫和我們的 css 語法書寫方式非常類似。
今天我要講的scss編譯方式是命令編譯方式,在命令編譯方式中有不同樣式風格的輸出方法。分別是
巢狀輸出方式 nested
展開輸出方式 expanded
緊湊輸出方式 compact
壓縮輸出方式 compressed
例如 style.scss檔案的**如下,現要通過以上四種方式來編譯:
@charset "utf-8";
#box
p}
(1)、nested(巢狀輸出)方式:
現在要將其編譯成style.css檔案。
命令為: sass style.scss:style1.css --style nested
編譯後**如下:
#box
#box h1
#box p
可以看到**行間還是有一定的縮排的。
(2)、expanded(展開輸出)方式
同樣是style.scss檔案將其編譯為style1.css檔案。
命令為: sass style.scss:style1.css --style expanded
編譯後**為:
#box
#box h1
#box p
可以看出編譯後和css的書寫規則是一樣的。
(3)、compact(緊湊輸出)方式。
將style.scss檔案編譯成style2.css檔案。
命令為: sass style.scss:style2.css --style compact
編譯後結果為:
#box
#box h1
#box p
(4)、compressed(壓縮輸出)方式。
將style.scss檔案編譯成style3.css檔案。
命令為: sass style.scss:style3.css --style compressed
編譯後結果為:
#box#box h1#box p
江峰★
出處:
四種定址方式
直接在指令中給出運算元,不需要儲存單元,執行速度快,但是顯然資料也不能冗長,通用型性差,一般用來指定一些要求不高的整形整數。運算元 於暫存器,結果也寫回暫存器。顯然這個主要用到暫存器,這也是他的名字的由來。指令給出有效位址,這使得位址碼會很長,通用性也差。指令中給出的是運算元位址的位址,顯然就是要根...
四種監控方式
四種方式 logging tracing metrics healthcheck 1 研發成本來說 logging 比較低 metrics 一般 tracing比較高 2 運維成本來說 logging 比較高 3 相應能力來 metrics 比較好 4 解決問題來說 tracing 比較好 logg...
nocache的四種方式
nocache的四種方式 1.cdn的推方式 2.客戶端url方式 css需加a.css?2010.css 3.html cache meta 4.服務端cache 6.iis http頭式,建立虛擬目錄 以下 在asp頁面首部加入 複製內容到剪貼簿 response.buffer true res...