下一节:

  Sass 教程



  • 什么是 Sass

    vue
    SassCSS 预处理器。
    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;
    }
    
    
下一节: