Logo
Section 1 / 3

入门:循序渐进

CSS 代表层叠样式表。它有什么作用?什么是 CSS,为什么要使用它?在本节中,我们将对 CSS 进行一个全面的介绍。

导入

入门:循序渐进

CSS 代表层叠样式表。它有什么作用?什么是 CSS,为什么要使用它?在本节中,我们将对 CSS 进行一个全面的介绍。

引言

本节课专为初学者编写。如果你已经是中级水平的CSS开发者,可以跳过这一部分。后续课程中有更多实用技巧。

什么是CSS?

我并不太喜欢枯燥的技术定义。下面是我的理解:

CSS(层叠样式表) 是网页的样式语言。

你在网上看到的每一个美观的页面,基本上都是由CSS驱动的。这就是最简单的说法。

不过,CSS不仅仅用于网页。它还可以用来美化任何使用标记语言编写的文档。

还记得HTML是一种标记语言吗?

这意味着你可以用CSS来美化HTML(以及其他标记语言)。

让我们用大白话来理解一下这到底意味着什么。

这到底是什么意思?

来看下面这个基础的标记代码:

No configuration found for ID: b3a7ed7856efcfb85c7baaee70b3a92c300e039b3633458f12500776135c0b66

观察上面示例中的输出:你应该只看到文字 “My Very First CSS”。

现在再看下面的代码示例及其输出。

你看到了什么?

No configuration found for ID: 141f9a9f73ae4cad12822a43765498f5f03b6837149a1c35f342d805dd190e25

哇,现在有了颜色!CSS来拯救世界了。

这正是CSS的作用——它是万维网的美学缔造者。

上面CSS标签里的奇怪代码就是CSS本身,不妨去仔细看看。

如果你暂时看不懂其中的内容,也完全不用担心。随着我们逐步学习本课程的各个部分,你会掌握所有必要的知识,轻松用CSS打造漂亮的页面。

我很期待接下来的内容。

下节课见 😀

简介

CSS 规则的工作原理