sass系統是什麼

SASS2007年誕生，最早也是最成熟的CSS預處理器，擁有ruby社群的支援和compass這一最強大的css框架，目前受LESS影響，已經進化到了全面兼容CSS的SCSS。

Sass（英文全名：Syntactically Awesome Stylesheets）是最初由Hampton Catlin設計並由Natalie Weizenbaum開發的層疊樣式表語言。在開發最初版本之後，Weizenbaum和Chris Eppstein繼續透過SassScript來繼續擴充Sass的功能。 SassScript是一個在Sass檔案中使用的小型腳本語言。 （建議學習：CSS3影片教學）

Sass是將腳本解析成CSS的腳本語言，即SassScript。 Sass包括兩套語法。最開始的語法叫做“縮排語法”，與Haml類似[3]，使用縮進來區分程式碼區塊，並且用回車將不同規則分隔開。而較新的語法叫做“SCSS”，使用和CSS一樣的區塊語法，即使用大括號將不同的規則分開，使用分號將具體的樣式分開。通常情況下，這兩套語法透過.sass和.scss兩個檔案副檔名區分開。

Sass擴展了CSS3，增加了規則、變數、混入、選擇器、繼承等等特性。 Sass產生良好格式化的CSS程式碼，易於組織和維護。

Sass支援定義變數。變數以美元符號（$）作為開頭。變數用冒號（:）賦值。

SassScript支援四種資料型別：

數值（可包含單位）

字串

##色

布林類型

變數可以用作函數的參數或傳回值。在解釋過程中，解釋器會把變數的值寫入最終的CSS檔案中。

SASS是CSS3（層疊樣式表）的語法的一種擴充，它可以使用巢狀、混入、選擇子繼承等功能，可以更有效有彈性的寫出Stylesheet。 Sass最後還是會編譯出合法的CSS讓瀏覽可以使用，也就是說它本身的語法並不太容易讓瀏覽器辨識（雖然它和CSS的語法非常的像，幾乎一樣），因為它不是標準的CSS格式，在它的語法內部可以使用動態變數等，所以它更像一種極簡單的動態語言。

更多CSS3相關技術文章，請造訪

CSS3圖文教學欄位進行學習！

以上是sass系統是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！