CSS 入门概述

CSS（层叠样式表）用于设置和布置网页——例如，更改内容的字体、颜色、大小和间距，将其拆分为多个列，或添加动画和其他装饰功能。这个模块为你掌握 CSS 的过程提供了一个温和的开端，包括它如何工作的基础知识，语法是什么样的，以及如何开始使用它来为 HTML 添加样式。

前提

在开始本单元之前，你应该：

  1. 基本熟悉使用计算机，并被动地使用 Web（即查看它、了解其内容）。
  2. 基本工作环境的设置详见安装基本软件，并了解如何创建和管理文件，详见处理文件。
  3. 熟悉 HTML 概述 章节中提到的基本 HTML 知识。

备注：如果你在一个无权创建自己文件的电脑/平板/其他设备上工作，你可以在在线编程工具上尝试（大部分）代码示例，如 JSBin 或者 Glitch 等。

指南

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

什么是 CSS

CSS (Cascading Style Sheets) 使你创建外观漂亮的网页，但它如何起作用的呢？这篇文章用一个简单的语法示例解释 CSS 是什么，还包括有关该语言的一些关键术语。

CSS 入门

在本文中，我们将采用一个简单的 HTML 文档并将 CSS 应用于该文档，并在此过程中学习一些关于语言的实用内容。

CSS 的结构

现在你已经了解了 CSS 是什么以及使用它的基础知识，现在是时候更深入地了解语言本身的结构。在这里，我们已经遇到了讨论过的许多概念; 如果你发现任何令人困惑的概念，你可以回到这个回顾。

CSS 如何工作

我们已经学习了 CSS 基础理论：CSS 是什么以及如何编写简单的样式表。在这个课程中，我们将看看浏览器如何使用 CSS 和 HTML 并将其转换为网页。

测验

以下测验将检验你对上述指南中涵盖的 CSS 基础知识的理解。

为传记页面添加样式

借助你在最近几篇文章中学到的内容，你应该发现可以使用 CSS 格式化简单的文本文档，从而为它们添加自己的样式。该测验为你提供了这样做的机会。