第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

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

!global：將局部變量轉(zhuǎn)換為全局變量
## 聲明變量

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

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

//單文件監(jiān)聽命令
sass --watch demo.scss:demo.css

//如果你有很多的sass文件的目錄，你也可以告訴sass監(jiān)聽整個目錄：
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數(shù)據(jù)可通過空格，逗號或小括號分隔多個值，可用nth($var,$index)取值。關(guān)于list數(shù)據(jù)操作還有很多其他函數(shù)如length($list)，join($list1,$list2,[$separator])，append($list,$value,[$separator])等，具體可參考sass Functions（搜索List Functions即可）。
nav {
& {
color: red;

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

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

微信掃碼，參與3人拼團

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號
友情提示：

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

本次提問將花費2個積分

你的積分不足，無法發(fā)表

為什么扣積分？

本次提問將花費2個積分

繼續(xù)發(fā)表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消