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中文網其他相關文章!