Sass 教程

什么是SASS？

SASS（Syntactically Awesome Stylesheet）是一个CSS预处理器，有助于减少CSS的重复，节省时间。它是更稳定和强大的CSS扩展语言，描述文档的样式干净和结构。

历史

它最初由 Hampton Catlin 设计，并于2006年由 Natalie Weizenbaum 开发。后来 Weizenbaum 和 Chris Eppstein 初始版本用SassScript扩展Sass。

为什么要使用SASS？

• 它是预处理语言，它为CSS提供缩进语法（它自己的语法）。

• 它提供了一些用于创建样式表的功能，允许更有效地编写代码和易于维护。

• 它是超集的CSS，这意味着它包含CSS的所有功能，是一个开源的预处理器，以 Ruby 编码。

• 它提供了比平面CSS好的结构格式的文档样式。 它使用可重复使用的方法，逻辑语句和一些内置函数，如颜色操作，数学和参数列表。

特征

• 它是更稳定，强大，与CSS的版本兼容。

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

• 它被称为CSS的语法糖，这意味着它使用户更容易阅读或表达的东西更清楚。

• 它使用自己的语法并编译为可读的CSS。

• 你可以在更少的时间内轻松地编写CSS代码。

• 它是一个开源的预处理器，被解释为CSS。

优点

• 它允许在编程结构中编写干净的CSS。

• 它有助于编写CSS更快。

• 它是CSS的超集，帮助设计师和开发人员更有效率和快速地工作。

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

• 可以使用嵌套语法和有用的函数，如颜色操作，数学和其他值。

缺点

• 开发人员需要时间了解此预处理器中存在的新功能。

• 如果更多的人在同一个网站上工作，那么将使用相同的预处理器。 有些人使用Sass，有些人使用CSS直接编辑文件。 因此，它将变得难以与现场工作。

• 有机会失去浏览器的内置元素检查器的好处。