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