-
1.1 Sass是什麼？
在學習Sass之前，我們先來介紹一下什麼是CSS預處理器。因為Sass就是眾多CSS預處理器中的其中一種。 一、什麼是CSS預處理器
-
1.2 Sass和Less
Sass和Less是當下最為流行的2門CSS預處理語言，也是國內外討論最熱的2個。很多小伙伴在剛剛接觸的時候，總是糾結學哪一門好點。這一節，我們來給大家介紹一下Sass和
-
1.3 Sass和Scss
在Sass中，有2種語法格式：（1）Sass格式；（2）Scss格式。也就是說，平常我們所說的Sass和Scss其實是同一個東西來的，統稱為Sass。Sass和Scss僅
-
2.1 Sass的安裝
在使用Sass之前，我們需要配置一下Sass的開發環境。這一節給大家介紹一下Sass的安裝、更新和卸載。 一、Sass的安裝
-
2.2 Sass的使用
上一節我們只是配置了一下Sass的開發環境，只有把Sass開發環境配置好，我們才可以開始編寫Sass代碼。那麼小伙伴可能就有疑問了：我們具體在哪寫Sass代碼呢？
-
3.1 Sass變量
我們都知道，JavaScript可以有變量、數據類型、函數等語法。而作為一門“編程式”的語言，Sass同樣也具備這些語法。在接下來Sass的學習中，大家別忘了多多將Sas
-
3.2 數據類型
跟JavaScript一樣，Sass也有屬於自己的數據類型。在Sass中，共有7種數據類型：
-
3.3 Sass嵌套
Sass為我們提供了一種方便的操作方式：嵌套。在Sass中，共有3種嵌套方式： （1
-
3.4 Sass插值
在Sass中，我們可以通過使用插值的方式來實現在“選擇器名”、“屬性名”以及“屬性值”中插入一個“變量的值”，從而來“構造”一個新的選擇器名、新的屬性名以及新的屬性值。
-
3.5 Sass注釋
在Sass中，共有3種注釋方式：（1）//注釋內容；（2）/*注釋內容*/；（3）/*!注釋內容*/。 一、//注釋內容
-
3.6 Sass語法基礎
在這一章中，我們共介紹了Sass中的變量、數據類型、嵌套、插值以及注釋等。 一、Sass變量
-
4.1 Sass基本運算
我們都知道，在CSS中能做運算的，也只有cal()函數這一個。不過Sass是一門“編程”式的語言，它為我們提供了類似於JavaScript的各種運算方式，例如加、減、乘、
-
4.2 數字運算
在Sass中，共有4種數字運算： （1）加法；
-
4.3 字符運算
在之前“Sass數據類型”這一節我們知道，CSS有2種字符串類型：（1）有引號字符串；（2）無引號字符串。 在Sass中，我們可以使
-
4.4 顏色運算
顏色值是Sass中的一種特殊的數據類型，我們在之前“Sass數據類型”這一節已經詳細介紹過了。 在Sass中，我們也是可以對顏色值進
-
4.5 本章總結
在Sass中，共有3種運算情況：（1）數字運算；（2）字符運算；（3）顏色運算。 一、數字運算
-
5.1 Sass代碼重用
在實際開發中，我們經常會碰到好些不同地方都用到相同的CSS樣式的情況。如果相同的CSS樣式只有一個CSS屬性，此時只需要使用Sass變量實現就可以滿足了。如果相同的CSS
-
5.2 Sass繼承
CSS具有2大特性：繼承性和層疊性。CSS的繼承性，指的是子元素繼承了父元素的某些樣式屬性，例如在父元素中定義字體顏色（color），子元素會繼承父元素的字體顏色。對於C
-
5.3 Sass占位符
在Sass中，我們引入了占位符“%placeholder”來進一步優化“@extend”。我們先來看一個例子。 舉例：使用繼承“@e
-
5.4 Sass混合宏
在Sass中，我們可以使用“混合宏（mixin）”來處理經常被多個地方使用的相同的CSS代碼塊。混合宏，跟JavaScript中的函數很相似，我們可以稱之為“Sass中的
小編推薦
熱門推薦