预处理器

伪元素（CSS pseudo-element）是文档中除由文档语言显式创建的元素之外的抽象元素。是在选择器中使用的一种特殊选择器，用于选择并添加样式到元素的特定部分，而不是元素本身，可以在不增加HTM

CSS伪类（Pseudo-class）是一种用于选择HTML元素的特殊方式，可以根据元素的状态或位置来应用样式，而不仅仅是基于元素的名称或属性。伪类在CSS中以冒号（:）开头，并且通常用于选择用户交互

在现代社会中，文本排版已经成为了一项非常重要的技能。无论是在工作中还是日常生活中，我们都需要使用文本排版来使我们的文本更加易读、美观和专业。作为一名前端程序员，我们最常接触的关于文本排版的就是CSS，

在网页设计中，字体是一个非常重要的元素。正确选择和使用字体可以使网页更加美观、易读和易于理解。CSS提供了一系列字体相关的属性，可以帮助我们控制字体的大小、样式、粗细、颜色等等。在本文中，将参考MDN

Sass(全称：Syntactically Awesome StyleSheets)是一种编译为CSS的样式表语言。它允许我们使用变量、嵌套规则、混合、函数等，所有这些都使用完全兼容CSS的语法。

Less(全称：Leaner Style Sheets)是一种向后兼容的CSS语言扩展，是CSS的扩展，属于一种CSS预处理器语言。Less与CSS非常相似，但它提供了变量、函数、混合等功能，可以构建