Sass 概述

什么是SASS？

SASS（Syntactically Awesome Stylesheet）是一個CSS預(yù)處理器，有助于減少CSS的重復(fù)，節(jié)省時間。它是更穩(wěn)定和強(qiáng)大的CSS擴(kuò)展語言，描述文檔的樣式干凈和結(jié)構(gòu)。

歷史

它最初由 Hampton Catlin 設(shè)計，并于2006年由 Natalie Weizenbaum 開發(fā)。后來 Weizenbaum 和 Chris Eppstein 初始版本用SassScript擴(kuò)展Sass。

為什么要使用SASS？

• 它是預(yù)處理語言，它為CSS提供縮進(jìn)語法（它自己的語法）。

• 它提供了一些用于創(chuàng)建樣式表的功能，允許更有效地編寫代碼和易于維護(hù)。

• 它是超集的CSS，這意味著它包含CSS的所有功能，是一個開源的預(yù)處理器，以 Ruby 編碼。

• 它提供了比平面CSS好的結(jié)構(gòu)格式的文檔樣式。 它使用可重復(fù)使用的方法，邏輯語句和一些內(nèi)置函數(shù)，如顏色操作，數(shù)學(xué)和參數(shù)列表。

特征

• 它是更穩(wěn)定，強(qiáng)大，與CSS的版本兼容。

• 它是超集的CSS和基于JavaScript。

• 它被稱為CSS的語法糖，這意味著它使用戶更容易閱讀或表達(dá)的東西更清楚。

• 它使用自己的語法并編譯為可讀的CSS。

• 你可以在更少的時間內(nèi)輕松地編寫CSS代碼。

• 它是一個開源的預(yù)處理器，被解釋為CSS。

優(yōu)點(diǎn)

• 它允許在編程結(jié)構(gòu)中編寫干凈的CSS。

• 它有助于編寫CSS更快。

• 它是CSS的超集，幫助設(shè)計師和開發(fā)人員更有效率和快速地工作。

• 由于Sass兼容所有版本的CSS，我們可以使用任何可用的CSS庫。

• 可以使用嵌套語法和有用的函數(shù)，如顏色操作，數(shù)學(xué)和其他值。

缺點(diǎn)

• 開發(fā)人員需要時間了解此預(yù)處理器中存在的新功能。

• 如果更多的人在同一個網(wǎng)站上工作，那么將使用相同的預(yù)處理器。 有些人使用Sass，有些人使用CSS直接編輯文件。 因此，它將變得難以與現(xiàn)場工作。

• 有機(jī)會失去瀏覽器的內(nèi)置元素檢查器的好處。