样式表文件用于定义网页的样式和布局，常用的样式表文件类型有CSS（层叠样式表）和Sass（Syntactically Awesome Style Sheets）。
- CSS样式表文件：CSS是一种用于描述网页样式的语言，通过CSS样式表文件可以集中管理网页的样式。在HTML文件中使用
<link>标签引入CSS样式表文件，例如：
<link rel="stylesheet" href="styles.css">
其中，href属性指定CSS样式表文件的路径。
- Sass样式表文件：Sass是一种CSS预处理器，它扩展了CSS的功能，提供了更强大和灵活的样式表编写方式。Sass样式表文件使用
.scss或.sass作为文件扩展名。在使用Sass之前，需要将Sass样式表文件编译为普通的CSS样式表文件，然后在HTML文件中引入编译后的CSS文件。例如：
<link rel="stylesheet" href="styles.css">
在开发过程中，可以使用Sass样式表文件进行样式的编写和管理，然后通过Sass编译工具将其转换为CSS样式表文件。
通过样式表文件，可以将网页的样式和布局与HTML文件分离，提高代码的可维护性和重用性。同时，样式表文件还可以通过选择器、样式规则等方式对网页进行灵活的样式控制。
Sass样式表文件和CSS样式表文件的区别
Sass（Syntactically Awesome Style Sheets）样式表文件和CSS（层叠样式表）样式表文件之间有以下几个主要区别：
-
语法：Sass使用一种更加简洁和灵活的语法，支持使用变量、嵌套规则、混合（Mixin）、继承等高级特性。相比之下，CSS使用的是一种相对简单的语法。
-
变量和计算：Sass允许使用变量来存储和复用样式值，可以在样式表中定义变量，并在需要的地方使用。此外，Sass还支持数学计算，可以在样式表中进行加减乘除等运算。CSS中没有原生的变量和计算功能，需要手动重复输入样式值或使用CSS预处理器来实现类似的功能。
-
嵌套规则：Sass允许在样式表中使用嵌套规则，可以将相关的样式规则组织在一起，提高代码的可读性和维护性。CSS中没有嵌套规则的概念，样式规则需要逐层嵌套，增加了代码的冗余和复杂度。
-
混合（Mixin）和继承：Sass提供了混合和继承的功能，可以定义一组样式规则，并在需要的地方进行复用。混合是一种将一组样式规则插入到其他规则中的方式，而继承是一种从一个选择器继承样式的方式。CSS中没有原生的混合和继承功能，需要使用Sass或其他CSS预处理器来实现类似的功能。
总的来说，Sass样式表文件相比于CSS样式表文件具有更强大和灵活的功能，可以提高样式表的可维护性和重用性。然而，由于Sass需要编译为CSS样式表文件才能在浏览器中使用，因此在开发过程中需要额外的编译步骤。
标签：文件,Sass,样式,样式表,规则,CSS From： https://www.cnblogs.com/sawyerhan/p/17653033.html