Sass是一种CSS预处理器,它允许我们使用变量、嵌套、混合等功能来编写更易于维护和扩展的CSS代码。下面是使用Sass的基本步骤:
- 安装Sass
npm install sass # 或者 yarn add sass
- 创建Sass文件
$primary-color: #3498db; body { background-color: $primary-color; } h1 { color: $primary-color; }
- 编译Sass文件
sass styles.scss styles.css
- 在HTML文件中引用CSS文件
<link rel="stylesheet" href="styles.css">