从 W3Schools.cn 开始学习 WEB 编程技术

Sass 教程

Sass 是一个 CSS 预处理器。

Sass 是 CSS 扩展语言,可以帮助我们减少 CSS 重复的代码,节省开发时间。

Start learning Sass now »

每章中的实例

我们的 "Show Sass" 工具使学习 Sass 变得容易,它显示了代码和结果。

Sass 实例

/* Define standard variables and values for website */
$bgcolor: lightblue;
$textcolor: darkblue;
$fontsize: 18px;

/* Use the variables */
body {
  background-color: $bgcolor;
  color: $textcolor;
  font-size: $fontsize;
}

Run Example »


Sass 函数参考手册

在 W3Schools 中,您可以找到所有 Sass 函数的完整参考资料以及语法和示例。

Sass 字符串相关函数

Sass 数字相关函数

Sass 列表(List)相关函数

Sass 映射(Map)相关函数

Sass 选择器相关函数

Sass Introspection 相关函数

Sass 颜色相关函数