下一节:

  Sass 教程

  • 什么是 Sass

    vue
    Sass 是 CSS 预处理器。
    Sass 减少了 CSS 的重复，因此节省了时间。
    世界上最成熟、最稳定、最强大的专业级 CSS 扩展语言！

  • Sass 的优势

    • Sass 完全兼容所有版本的 CSS。我们对此严格把控，所以你可以无缝地使用任何可用的 CSS 库。
    • Sass 拥有比其他任何 CSS 扩展语言更多的功能和特性。Sass 核心团队不懈努力，一直使其保持领先地位。
    • Sass 已经经过其核心团队超过 13 年的精心打造。
    • 一次又一次地，行业把 Sass 作为首选 CSS 扩展语言。
    • 数家科技企业和成百上千名开发者为 Sass 提供支持。
    • 有无数的框架使用 Sass 构建。比如 Compass，Bourbon，和 Susy。

  • 您需要具备的基础知识

    在您开始学习 Sass 之前，您应该对以下知识有基本的了解：

  • 如何使用 Sass

    随着项目的样式表越来越大，越来越复杂并且难以维护；这是 CSS 预处理程序可以提供帮助的地方。
    Sass 使您可以使用 CSS 中不存在的功能，例如变量，嵌套规则，混合，导入，继承，内置函数和其他内容。
    下面是用 Sass 编写的样式 
    // 定义网站的标准变量和值 
$bgcolor: lightblue;
$textcolor: darkblue;
$fontsize: 18px;

// 使用变量
body {
   background-color: $bgcolor;
   color: $textcolor;
   font-size: $fontsize;
}
    Sass 编译输出的 CSS 结果： 
    body {
   background-color: lightblue;
   color: darkblue;
   font-size: 18px;
}

  • Sass 函数参考

下一节: