--- title: 学习CSS 第一步 slug: Learn/CSS/First_steps tags: - 初学者 - 学习 - 模型 - 第一步 translation_of: Learn/CSS/First_steps ---

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

先决条件

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

注意：如果你工作在一个无权创建自己文件的电脑/平板/其他设备上，你需要在一个在线编程工具上试验（大多数）代码示例，如 JSBin 或者 Thimble 等。

指南

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

什么是 CSS?: {{Glossary("CSS")}} (Cascading Style Sheets) 使你创建外观漂亮的网页，但它如何起作用的呢？这篇文章用一个简单的语法示例解释CSS是什么，还包括有关该语言的一些关键术语。
CSS 入门: 在本文中，我们将采用一个简单的HTML文档并将CSS应用于该文档，并在此过程中学习一些关于语言的实用内容。
如何构建CSS？: 现在您已经了解了CSS是什么以及使用它的基础知识，现在是时候更深入地了解语言本身的结构。在这里，我们已经遇到了讨论过的许多概念; 如果你发现任何令人困惑的概念，你可以回到这个回顾。
CSS 如何工作: 我们已经学习了CSS基础理论：CSS是什么以及如何编写简单的样式表。在这个课程中，我们将看看浏览器如何使用CSS和HTML并将其转换为网页。
用用你刚学到的知识: 根据您在最后几课中学到的内容，您应该发现可以使用CSS格式化简单的文本文档，以便为它们添加自己的样式。本文为您提供了实现这一目标的机会。