亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
講的挺好的
屬性嵌套

常用于 border、border、margin、padding、font 等屬性
!default：默認變量。在一個變量里，先設置一個數值，如果有其他的值則優先替換為其他數值，沒有其他的則顯示這個默認的。默認變量的價值在進行**組件化開發**的時候會非常有用。

!global：將局部變量轉換為全局變量
## 聲明變量

- 聲明變量的符號為 \`$`，定義之后可以在全局范圍內使用。

- `!default`：默認變量。在一個變量里，先設置一個數值，如果有其他的值則優先替換為其他數值，沒有其他的則顯示這個默認的。默認變量的價值在進行**組件化開發**的時候會非常有用。
Nested （嵌套）樣式是 Sass 默認的輸出格式，能夠清晰反映 CSS 與 HTML 的結構關系。
Expanded 輸出更像是手寫的樣式，選擇器、屬性等各占用一行，屬性根據選擇器縮進，而選擇器不做任何縮進。
Compact 輸出方式比起上面兩種占用的空間更少，每條 CSS 規則只占一行，包含其下的所有屬性。
Compressed 輸出方式刪除所有無意義的空格、空白行、以及注釋，力求將文件體積壓縮到最小，同時也會做出其他調整，比如會自動替換占用空間最小的顏色表達方式。
展開有利于維護（開發版使用），緊湊的文件體積?。ㄉ暇€版）
## 編譯sass
sass編譯有很多種方式，如**命令行編譯**（cmd、sublime插件SASS-Build）、**GUI工具編譯**（Koala、Compass.app、Scout、CodeKit）、**自動化編譯工具**（Grunt打造前端自動化工作流grunt-sass、Gulp打造前端自動化工作流gulp-ruby-sass）等。
//單文件轉換命令
sass demo.scss demo.css

//單文件監聽命令
sass --watch demo.scss:demo.css

//如果你有很多的sass文件的目錄，你也可以告訴sass監聽整個目錄：
sass --watch sass/:css/
sass編譯有很多種方式，如**命令行編譯**、**GUI工具編譯**（sublime插件SASS-Build、編譯軟件koala、前端自動化軟件codekit）、**自動化編譯工具**（Grunt打造前端自動化工作流grunt-sass、Gulp打造前端自動化工作流gulp-ruby-sass）等。
$w: 200px;
$h: 300px;
body{
width: $w;
height: $h;
}
list數據可通過空格，逗號或小括號分隔多個值，可用nth($var,$index)取值。關于list數據操作還有很多其他函數如length($list)，join($list1,$list2,[$separator])，append($list,$value,[$separator])等，具體可參考sass Functions（搜索List Functions即可）。
nav {
& {
color: red;

& {
color:green;
}
}
}
這個有意思，有挑戰性才好
.btn6 {
@extend %mt15;
@extend %pt15;
}

.block {
@extend %mt15;
@extend %pt15;
}
括號里寫一樣的東西，你老板看了不罵死你才怪
sass sass/:css/
運行不了會報錯
sass --watch sass/:css/
可以運行不報錯
首頁上一頁18192021222324下一頁尾頁
課程須知
對CSS有一定的了解，才可以更好的學習本課程。
老師告訴你能學到什么？
1、Sass是什么？他有什么功能？ 2、Sass需要什么樣的環境才能順利運行 3、Sass語法格式和CSS有什么不一樣？ 4、Sass要如何編譯 5、你要怎么調試Sass 6、Sass有哪些基本特性 7、Sass的控制命令能做些什么事情 8、Sass有哪些數據類型 9、Sass的函數功能

微信掃碼，參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復購買，感謝您對慕課網的支持！

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消