SASS（语法上很棒的样式表）是CSS预处理程序，有助于减少CSS的重复并节省时间。它是一种更稳定，功能更强大的CSS扩展语言，可以清晰，结构化地描述文档样式。

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

• 它可以更有效地编写代码，并且易于维护。

• 它是CSS的超集，其中包含CSS的所有功能，并且是一个开放源代码预处理器，以Ruby编码。

• 与平面CSS相比，它以良好的结构格式提供文档样式。

• 它使用可重用的方法，逻辑语句以及一些内置函数，例如颜色处理，数学和参数列表。

• 它更加稳定，强大并且与CSS版本兼容。

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

• 它被称为CSS的语法糖，这意味着它使用户可以更轻松地更清晰地阅读或表达事物。

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

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

• 它是一个开放源代码预处理器，可以解释为CSS。

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

• 它有助于更快地编写CSS。

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

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

• 可以使用嵌套语法和有用的功能，例如颜色处理，数学和其他值。

• 开发人员需要花费一些时间来学习此预处理器中的新功能。

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

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

SASS支持两种语法，即SCSS和缩进语法。

• SCSS（Sassy CSS）是CSS语法的扩展，使维护大型样式表变得更加容易，并且可以识别特定于供应商的语法和许多CSS。 SCSS文件使用扩展名.scss 。

• 缩进是一种较旧的语法，有时也称为Sass 。使用这种形式的语法，可以简洁地编写CSS。 SASS文件使用扩展名.sass 。

您可以通过三种不同的方式使用SASS-

• 作为命令行工具

• 作为Ruby模块

• 作为Rack enable Framework的插件

嵌套是不同逻辑结构的组合。使用SASS，我们可以相互组合多个CSS规则。如果使用多个选择器，则可以在另一个内部使用一个选择器来创建复合选择器。

您可以使用＆字符选择父选择器。它告诉应该在何处插入父选择器。

SASS支持使用类或ID选择器的占位符选择器。在普通CSS中，这些用“ ＃ ”或“ 。 ”指定，但是在SASS中，它们用“ ％ ”代替。

有5种操作类型-

• 号码运算

• 色彩操作

• 字符串运算

• 布尔运算

• 清单操作

它允许进行数学运算，例如加法，减法，乘法和除法。

它允许将颜色分量与算术运算一起使用。

列表表示一系列值，这些值使用逗号或空格分隔。

您可以使用和或而不是运算符在Sass脚本上执行布尔操作。

括号是一对符号，通常用圆括号（）或方括号[]标记，以提供影响操作顺序的符号逻辑。

它使用＃{}语法在选择器和属性名称中提供SassScript变量。您可以在花括号内指定变量或属性名称。

您可以通过在变量值的末尾添加！default标志来设置变量的默认值。如果已将值分配给变量，则不会重新分配该值。

它直接将文件名导入，所有导入的文件将合并到一个CSS文件中。

它将样式规则设置为不同的媒体类型。

它用于共享选择器之间的规则和关系。它可以在一个类中扩展所有其他类的样式，也可以应用自己的特定样式。

它是嵌套规则的集合，可以在文档的根部创建样式块。

它用于根据评估表达式的结果来有选择地执行代码语句。

@else if语句与@if指令一起使用，只要@if语句失败，则尝试@else if语句，如果它们也失败，则执行@else。

它允许您循环生成样式。 counter变量用于设置每次迭代的输出。

在@each指令中，定义了一个变量，该变量包含列表中每个项目的值。

它用于定义混入，混入名称后可以选择包含变量和参数。

它用于在文档中包括mixin，并且mixin定义的样式可以包含在当前规则中。

SassScript值可以用作mixin中的参数，当包含mixin时可以将其指定，并且可以在mixin中用作变量。

有两种类型的mixin参数-

• 关键字参数

• 可变参数

它用于在mixins中包含参数。可以以任何顺序传递已命名的参数，并且可以省略参数的默认值。

可变参数用于将任意数量的参数传递给mixin。它包含传递给函数或mixin的关键字参数。

使用函数指令，您可以创建自己的函数，并在脚本上下文中使用它们，或者可以将其与任何值一起使用。

SASS生成的CSS文件由反映文档结构的默认CSS样式组成。默认的CSS样式不错，但可能不适用于所有情况。

嵌套样式是SASS的默认样式。处理大型CSS文件时，这种样式方式非常有用。

在扩展输出样式中，每个属性和规则都有其自己的行。与嵌套CSS样式相比，它占用更多空间。

与扩展和嵌套样式相比，紧凑型CSS样式占用的空间更少。它主要关注选择器，而不是其属性。

与所有其他样式相比，压缩CSS样式占用的空间最少。它仅在文件末尾提供空格以分隔选择符和换行符。

• 它使用缩进而不是{和}来分隔块。

• 为了分隔语句，它使用换行符代替分号（;） 。

• 属性声明和选择器必须放在自己的行上， {和}中的语句必须放在新行上并缩进。

• 它使用缩进而不是{和}来分隔块。

• 为了分隔语句，它使用换行符代替分号（;） 。

• 属性声明和选择器必须放在自己的行上， {和}中的语句必须放在新行上并缩进。

CSS属性可以通过两种方式声明-

• 可以像CSS一样声明属性，但不使用分号（;） 。

• 每个属性名称前都会加上冒号（:) 。

您可以将=用作@mixin指令，将+用作@include指令，这需要更少的输入，并使您的代码更简单，更易于阅读。

萨斯–watch C：\ ruby \ lib \ sass \ style.scss：style.css

注释占据整行，并包含嵌套在其下的所有文本，并且它们以缩进语法基于行。

sass input.scss输出.css

• 首先，它检查Unicode字节，然后检查@charset声明，然后检查Ruby字符串编码。

• 接下来，如果未设置任何内容，则它将字符集编码视为UTF-8 。

• 通过使用@charset声明显式确定字符编码。只需在样式表的开头使用“ @charset编码名称”，SASS就会假定这是给定的字符编码。

• 如果SASS的输出文件包含非ASCII字符，则它将使用@charset声明。

Sass支持两种类型的评论-

• 多行注释-这些注释使用/ *和* /编写。多行注释保留在CSS输出中。

• 单行注释-这些注释使用//编写，后跟注释。单行注释不会保留在CSS输出中。

它使用命令行评估SassScript表达式。您可以使用sass命令行以及-i选项来运行Shell。

它检测到错误，并在标准错误输出流中显示SassScript表达式值。

它将SassScript表达式值显示为致命错误。