Sass - 概述

什麼是 SASS？

SASS（Syntactically Awesome Stylesheet）是一種 CSS 預處理器，它有助於減少 CSS 中的重複並節省時間。它是一種更穩定、更強大的 CSS 擴充套件語言，可以簡潔、結構化地描述文件的樣式。

它最初由Hampton Catlin設計，並由Natalie Weizenbaum於 2006 年開發。後來，Weizenbaum和Chris Eppstein使用其初始版本將 Sass 擴充套件到 SassScript。

為什麼要使用 SASS？

• 它是一種預處理語言，為 CSS 提供縮排語法（它自己的語法）。

• 它提供了一些功能，用於建立樣式表，允許更有效地編寫程式碼，並且易於維護。

• 它是 CSS 的超集，這意味著它包含 CSS 的所有功能，並且是一個開源預處理器，用Ruby編寫。

• 它以良好的、結構化的格式提供文件樣式，而不是扁平的 CSS。它使用可重用的方法、邏輯語句和一些內建函式，例如顏色處理、數學和引數列表。

SASS 的特點

• 它更穩定、更強大，並且與 CSS 的各個版本相容。

• 它是 CSS 的超集，基於 JavaScript。

• 它被稱為 CSS 的語法糖，這意味著它使使用者更容易閱讀或更清晰地表達事物。

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

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

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

SASS 的優點

• 它允許在程式設計結構中編寫乾淨的 CSS。

• 它有助於快速編寫 CSS。

• 它是 CSS 的超集，這有助於設計師和開發人員更高效、更快速地工作。

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

• 可以使用巢狀語法和有用的函式，例如顏色處理、數學和其他值。

SASS 的缺點

• 開發人員需要花費時間來學習此預處理器中存在的新功能。

• 如果許多人在同一個站點上工作，則應使用相同的預處理器。有些人使用 Sass，有些人使用 CSS 直接編輯檔案。因此，在站點上工作變得很困難。

• 可能會失去瀏覽器內建元素檢查器的優勢。