该系列的一部分：
如何使用 CSS 构建网站
本教程是使用 CSS创建和自定义此网站的系列的一部分，CSS 是一种用于控制网站呈现的样式表语言。您可以按照整个系列重新创建演示网站并熟悉 CSS 或将此处描述的方法用于其他 CSS 网站项目。
在继续之前，我们建议您了解一些 HTML 知识，HTML 是用于在 Web 浏览器中显示文档的标准标记语言。如果您不熟悉 HTML，可以在开始本系列之前先阅读我们如何使用 HTML 构建网站系列的前十个教程。
介绍
本教程将简要介绍 CSS 的历史起源，并对 CSS 如何与 HTML 协同工作进行高层次的概述。本教程将为您准备好后续教程中的动手练习和网站建设项目。
CSS 的历史
CSS 于 1994 年由 Håkon Wium Lie 首次提出，当时他与万维网的发明者 Tim Berners-Lee 一起在欧洲核研究组织 (CERN) 工作。当时，网页通常只使用 HTML（伯纳斯-李在 1990 年代开发的超文本标记语言）创建。然而，HTML 已被开发用于描述Web 文档组件（例如其标题和段落）的语义，而不是提供样式说明。随着越来越多地使用 HTML 来设计网页样式变得越来越笨拙，引入了 CSS 以提供一种更有效的方法来结合 HTML 来设置网站的显示和布局样式。
CSS 如何与 HTML 协同工作
使用 HTML 和 CSS 构建的网站通常由包含文本、图像链接和 HTML 标签等内容的 HTML 文件和包含应用于 HTML 内容的样式规则的 CSS 文件组成。例如，一个 HTML 文件可能有标题文本（用 HTML 标签标记<h1>）和段落文本（用 HTML 标签标记<p>）。其对应的 CSS 文件可能有规则指示浏览器将所有标题文本的大小设为 20 像素，并将所有段落文本设为蓝色。这些 CSS 样式规则将应用于所有出现在 HTML 文档中的标题和段落文本，而无需每次都在 HTML 文档中添加样式说明。
CSS 还是用于安排网站内容的强大工具。通过为 HTML 元素提供大小、颜色和其他属性，您可以使用 CSS 创建内容框来构建网页布局的结构和样式。
结论
在前面的教程中，您将使用 CSS 来设置文本、图像和其他 HTML 元素的样式，以及设置和控制网页布局的样式。首先，您首先需要创建一些文件和文件夹，您将在其中练习编写 HTML 和 CSS 代码。在下一个教程中，将指导您使用免费提供的代码编辑器Visual Studio Code 完成设置 CSS 和 HTML 项目的步骤。
