CSS 入门

CSS（层叠样式表）用于设置 Web 页面的样式和布局——例如，更改内容的字体、颜色、大小和间距，将其分成多列，或添加动画和其他装饰性功能。本模块为您提供 CSS 精通之路的良好开端，涵盖其工作原理基础、语法以及如何开始使用它来为 HTML 添加样式。

先决条件

在开始本模块之前，您应该具备以下知识：

对使用计算机和被动使用 Web（即查看它、使用内容）的基本熟悉。
已设置基本工作环境，如安装基本软件中所述，并了解如何创建和管理文件，如处理文件中所述。
熟悉 HTML，如HTML 简介模块中所述。

注意：如果您在无法创建自己文件的计算机/平板电脑/其他设备上工作，您可以尝试在 JS Bin 或 Glitch 等在线编码程序中尝试（大部分）代码示例。

指南

本模块包含以下文章，将引导您了解 CSS 的所有基本理论，并提供机会测试一些技能。

什么是 CSS？: CSS（层叠样式表）允许您创建外观出色的网页，但它在幕后是如何工作的？本文通过一个简单的语法示例解释了什么是 CSS，并涵盖了一些关于该语言的关键术语。
CSS 入门: 在本文中，我们将使用一个简单的 HTML 文档并应用 CSS，在此过程中学习一些关于该语言的实用知识。
CSS 的结构: 现在您已经了解了什么是 CSS 以及它的基本用法，是时候更深入地了解该语言本身的结构了。我们已经遇到了这里讨论的许多概念；如果您发现任何后续概念令人困惑，可以返回此内容进行回顾。
CSS 的工作原理: 我们已经学习了 CSS 的基础知识、它的用途以及如何编写简单的样式表。在本文中，我们将了解浏览器如何获取 CSS 和 HTML 并将其转换为网页。

评估

以下评估将测试您对以上指南中涵盖的 CSS 基础知识的理解。

样式化传记页面: 通过您在前面几篇文章中学到的知识，您应该能够使用 CSS 格式化简单的文本文档，为它们添加自己的样式。此评估让您有机会这样做。

另请参阅

学习 HTML 和 CSS ^{MDN 课程合作伙伴}: Scrimba 的学习 HTML 和 CSS课程通过构建和部署五个很棒的项目来教授 HTML 和 CSS，并提供由知识渊博的教师教授的有趣互动课程和挑战。