Sass 教程

Sass 是一个 CSS 预处理器。

Sass 减少了 CSS 的重复代码,因此节省了时间。

Sass 是对 CSS3(层叠样式表)的语法的一种扩充,它可以使用嵌套、混入、选择子继承等功能,可以更有效有弹性的写出Stylesheet。


你之前应该了解的知识:

在学习新内容之前,你应该对以下知识点有基本的了解。


Sass 实例

  1. /* 定义标准变量和值 */
  2. $bgcolor: lightblue;
  3. $textcolor: darkblue;
  4. $fontsize: 18px;
  5. /* 使用变量 */
  6. body{
  7. background-color: $bgcolor;
  8. color: $textcolor;
  9. font-size: $fontsize;
  10. }

Sass 常用函数

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

  • Sass String 函数
  • Sass Numeric 函数
  • Sass List 函数
  • Sass Map 函数
  • Sass Selector 函数
  • Sass Introspection 函数
  • Sass Color 函数