目录

🍎 CSS 预编语言相关

相关问题:

  • CSS 的预处理器
  • CSS 的预编语言

# 概念

CSS 是一门标记性语言,语法相对简单。但也存在也写问题,需要输血大量看似没有逻辑的代码,不方便维护以及拓展,不利于复用,尤其对于非前端的开发工程师,往往会因为缺少 CSS 的编写经验而难以写出组织良好并且易于维护的 CSS 代码。

# 预处理语言

这些语言拓展了 CSS 的概念,增加了 变量、混合、函数,让 CSS 代码更加易于维护、方便阅读。

包含一套自定义的语法以及解析器,根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成 CSS 代码。

# 种类

常见的 CSS 预编处理器有以下:

  • sass
  • less
  • stylus

# 常用特性

预编处理器常用的特性有以下;

  • 变量 Variables
  • 作用域 Scope
  • 代码混合 mixins
  • 嵌套 nested rules
  • 代码模块化 modules
📢 上次更新: 2022/09/02, 10:18:16