SASS教學

SASS是什麼?

SASS是一個CSS預處理器有助於減少重複利用CSS並節省時間。它是描述文檔樣式更乾淨，結構更加穩定和強大的CSS擴展語言。

歷史

它最初是由Hampton Catlin設計，Natalie Weizenbaum在2006年開發。

爲什麼要使用SASS?

• 這是前置處理語言，它爲CSS提供縮進語法（它自己的語法）。

• 它提供了用於創建，允許更高效地編寫代碼，並易於維護的樣式表的某些功能。

• 它是CSS的超集，這意味着它包含CSS的所有功能，是一個開放源代碼的預處理器。

• 它提供了比扁平CSS良好的結構格式文檔樣式。它使用可重複使用的方法，邏輯語句和一些內置在功能，如顏色操作，數學和參數列表。

特點

• 它是使用CSS的版本兼容，更穩定，強大。

• 它是CSS的超集以及基於JavaScript。

• 它被稱爲CSS的語法修飾，這意味着它使用戶閱讀或表達的東西更清楚更簡單。

• 它使用自己的語法和編譯成可讀的CSS。

• 您可以輕鬆地在更短的時間內編寫CSS更少的代碼。

• 它是一個開源的預處理器，它被解釋爲CSS。

優勢

---

• 它允許寫乾淨的CSS的編程結構。

• 它有助於更快編寫CSS。

• 它是CSS的超集，它可以幫助設計人員和開發人員提高工作效率。

• 由於 Sass 與所有的CSS版本兼容，我們可以使用任何可用的CSS庫。

• 也可以使用嵌套語法和有用的功能，如顏色操作，數學和其他值。

缺點

---

• 這需要時間，開發人員要學會在這個預處理器目前的新功能。

• 如果有更多多的人工作在同一個站點，然後將使用相同的預處理器。有人用Sass，而有人直接編輯CSS文件。因此，這將難以協同在網站上工作。

• 還有失去瀏覽器內置檢查器查看元素的好處。