CSS3 的 :root 伪类

:root 伪类是 CSS3 中的伪类选择器之一，它允许开发者对文档的根元素进行样式设置。根元素是 HTML 文档的根节点，通常是 标签，它包含整个文档的内容。使用 :root 伪类可以对根元素应用样式，从而影响整个文档的布局和外观。

:root 伪类常用的应用场景：

• 全局字体设置：使用 :root 伪类可以设置整个文档的默认字体，这样可以避免在每个元素中重复设置字体属性。
• 全局颜色设置：使用 :root 伪类可以设置整个文档的默认颜色，这样可以方便地改变整个文档的配色方案。
• 全局背景设置：使用 :root 伪类可以设置整个文档的默认背景颜色或图像，这样可以为整个文档营造一种统一的氛围。
• 全局边距设置：使用 :root 伪类可以设置整个文档的默认边距，这样可以确保整个文档中元素之间的间距一致。

HTML 标签

HTML 是超文本标记语言的缩写，它是网页开发的基础语言，用于创建网页的结构和内容。HTML 由一系列标签组成，这些标签用于定义网页中不同元素的结构和内容，例如， 标签定义文档的根元素， 标签定义文档的头部信息， 标签定义文档的主体内容。

HTML 标签的应用场景：

• 创建网页结构：HTML 标签用于创建网页的结构，例如，
  标签用于创建块级元素，

  标签用于创建段落，

  标签用于创建列表。
  • 定义网页内容：HTML 标签用于定义网页的内容，例如，

    标签用于创建标题， 标签用于创建图像， 标签用于创建链接。

  • 控制网页布局：HTML 标签可以控制网页的布局，例如， 标签用于创建表格， 标签用于创建表单，