CSS 预处理器

Less 预处理器

Less介绍

• Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性。

• Less 可以运行在 Node 或浏览器端。

---

• github

  • Less (github.com)

• 官网

  • https://less.bootcss.com/

---

开始

Sass 预处理器

Sass介绍

• Sass 是一种 CSS 的预编译语言，Sass 为 CSS 赋予了更强大的功能。

• 它提供了 变量（variables）、嵌套（nested rules） [混合（mixins）、函数（functions）等功能，并且完全兼容 CSS 语法。

• Sass 能够帮助复杂的样式表更有条理， 并且易于在项目内部或跨项目共享设计。

---

编程之家sass教程：https://www.jb51.cc/sass-tutorial/

• github

  • Sass (github.com)

• 官网

  • Sass: Sass 文档 | Sass 中文网

• SassMagic（Sass的BEM语法）：

  • Sassmagic - v1.0.0 (w3cplus.github.io)

  • W3cplus/SassMagic: Collection best of Sass mixins and function (github.com)

开始

Stylus 预处理器

Stylus介绍

• 富有表现力、动态、健壮的 CSS预处理器。

• 它提供了一种高效，动态和表达方式来生成 CSS。同时支持缩进语法和常规 CSS 样式。

---

• github

  • https://github.com/stylus/stylus/

• 官网

  • https://stylus-lang.com/

---

开始