一、scss的幾個主要特點(diǎn)
1.變量
如何在scss中定義變量温算、使用變量怜校？
例（1）：
定義變量 $color:pink
使用變量 div{
background-color:$color
}
在定義變量的時候變量名必須以$開頭。
為什么要使用變量注竿？
代碼可維護(hù)性高茄茁、方便統(tǒng)一管理
2魂贬、嵌套
所謂嵌套就是父級選擇器里可以套后代選擇器
例（2）：
html代碼：
<div>
? ? ? ? <p>我是p標(biāo)簽</p>
</div>
scss代碼：
div{
????width:100px;
????height:100px;
????? ? ? p {
????????????????font-size:20px;
? ? ? ?}
}
不要懷疑，就是這么簡單easy !
3裙顽、scss里的 & 符號
正常情況下嵌套選擇器的時候會這樣：
見例（2）scss代碼 進(jìn)行預(yù)處理之后 會生成這樣的代碼： div{} , div p{}
注意div跟p中間的空格付燥，有時候我們并不希望出現(xiàn)這個空格，比如在使用 :hover的時候锦庸，這個時候你就可以在冒號前面加上&机蔗。
說白了，&=父元素 甘萧，前面都是廢話萝嘁，這句才是重點(diǎn)！
4扬卷、 混合器（mixin）
解決scss冗余代碼的神器牙言！
mixin 類似于 javaScript 里面的函數(shù)，作用就是 定義一個代碼塊 然后這段代碼可以重復(fù)被調(diào)用怪得。
例（3）
@mixin radius($angle:50% ) {
border-radius:$angle;
}
這樣就申明了一個mixin 代碼塊咱枉，你需要就直接調(diào)用 比如 div{ @include radius },這個div就會變成圓角，當(dāng)然你可以繼續(xù)將有用的重復(fù)的代碼放進(jìn)來徒恋，在不同的地方直接調(diào)用即可蚕断，這樣即簡化了代碼，維護(hù)的時候又方便入挣，有沒有爽的一匹亿乳？， 還有径筏，上面的代碼進(jìn)行了傳參葛假，還使用了默認(rèn)值哦！滋恬。
注意的地方是 形參也是一個變量所以前面也要加$, 我就犯過這樣的錯聊训！
默認(rèn)值，就是在形參后面跟冒號加默認(rèn)值恢氯，如果你在調(diào)用的時候沒傳參數(shù)带斑，他就會使用你設(shè)置的默認(rèn)值。
先暫時就寫這么多勋拟，后續(xù)再補(bǔ)充遏暴，自己也在學(xué)習(xí)當(dāng)中，大家一起進(jìn)步指黎！
