在尝试任何CSS之前，你应该学习HTML的基础知识。我们建议您通过我们的HTML简介模块优先。

一旦你理解了HTML的基础，我们建议你同时学习进一步的HTML和CSS，在两个主题之间来回移动。这是因为当你应用CSS的时候，HTML要有趣得多，学起来也有趣得多，不了解HTML就学不会CSS。

在开始本主题之前，您还应该熟悉使用计算机和被动地使用web(即，只是看着它，消费内容)。您应该有一个基本的工作环境，详见安装基本软件，并了解如何创建和管理文件，如中所述处理文件—它们都是我们的一部分开始使用web完整的初学者模块。

还建议您完成以下工作开始使用web在继续这个主题之前，尤其是如果您完全不熟悉web开发的话。然而，它的大部分内容CSS基础文章也包含在我们的CSS的第一步模块，尽管更加详细。

本主题包含以下模块，按照建议的顺序进行操作。你应该从第一个开始。

• CSS的第一步

• CSS(级联样式表)用于设计网页的样式和布局，例如，改变内容的字体、颜色、大小和间距，将内容分成多列，或者添加动画和其他装饰功能。这个模块提供了一个温和的开端，让你掌握CSS的基本原理，语法是什么样的，以及如何开始使用它来为HTML添加样式。

• CSS构造块

• 这个模块在哪里进行CSS的第一步停止—现在您已经熟悉了这门语言及其语法，并获得了一些使用它的基本经验，是时候深入一点了。这个模块着眼于级联和继承，我们所有可用的选择器类型，单位，大小，样式背景和边界，调试，等等。

  这里的目的是为你提供一个编写合格CSS的工具包，并帮助你理解所有的基本理论，然后继续学习更具体的学科，如文本样式和CSS布局。

• CSS样式文本

• 学习完CSS语言的基础知识后，下一个CSS主题是对文本进行样式化——这是使用CSS最常见的事情之一。在这里，我们看看文本样式的基础，包括设置字体，粗体，斜体，行和字母间距，阴影，和其他文本功能。我们通过查看将自定义字体应用到您的页面，以及样式化列表和链接来完成该模块。

• CSS布局

• 至此，我们已经了解了CSS基础知识，如何设计文本样式，以及如何设计和操作内容所在的框。现在是时候看看如何将你的盒子放置在相对于视口以及彼此的正确位置。我们已经讨论了必要的先决条件，所以我们现在可以深入CSS布局，看看不同的显示设置，现代布局工具，如flexbox、CSS grid和定位，以及一些您可能仍然想知道的遗留技术。

使用CSS解决常见问题提供指向解释如何使用CSS解决创建网页时常见问题的内容部分的链接。

从一开始，您将主要对HTML元素及其背景应用颜色；更改元素的大小、形状和位置。并在元素上添加和定义边框。但是一旦你对CSS的基础有了扎实的理解，就没有什么是你做不到的。学习CSS最大的好处之一就是一旦你知道了基本原理，通常你会对什么能做什么不能做有很好的感觉，即使你还不知道如何去做！

CSS的工作方式与你会遇到的大多数编程语言和设计工具有点不同。为什么会这样？在下面的视频中，Miriam Suzanne提供了一个有用的解释，解释了为什么CSS会这样工作，为什么它会这样发展: