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文件。因此,這將難以協同在網站上工作。
  • 還有失去瀏覽器內置檢查器查看元素的好處。