0Pricing
HTML for Kids · 课时

什么是 CSS?

什么是 CSS?

什么是 CSS? 是 CoddyKit 上的免费 HTML for Kids 课时。 这是第 1 节课,共 1 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 HTML for Kids 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 HTML for Kids 课程共包含 1 节课。

介绍

您好:

在本课程中,我们将学习 CSS,这是一种能够提升网页视觉效果的软件语言。

如果您不熟悉 HTML,请先完成 HTML 入门课程。 

如果您觉得自己已经了解 HTML,那就让我们开始吧。

什么是 CSS? — 插图 1

本部分课程将学习为什么需要 CSS

本部分课程将学习为什么需要 CSS。

首先,让我们提出一个我在学习 CSS 时一直想不明白的问题。

既然 HTML 做不到这些,为什么还要学习额外的语言呢?

HTML 是一种用于呈现数据的语言

首先,让我们回顾一下 HTML 的作用。 

HTML 是一种语言,我们使用它将网页中的数据(文本、图像、公式等)更加准确地呈现给用户。

HTML 文档是网页的基础

例如,让我们想象一下正在笔记本上写文章。 

如果从文章中删除句号、逗号和其他标点符号,我们可能就无法准确表达想要告诉文章读者的内容。

网页中也有我们用来更清晰地向用户表达信息的 HTML 标签。

网页就是一个 HTML 文档,浏览器会寻找 HTML 文档来运行网页。因此,您可以将 HTML 文档看作网页的基础。

那么 CSS 有什么作用呢?

那么 CSS 有什么作用呢?

CSS 是一种用于提供视觉效果的技术,可以弥补 HTML 在呈现数据时的不足。

用类比理解 CSS

让我们用另一个类比来思考。想象一下,您正在建造一栋房子。房子的主要任务是为居住其中的人提供住所。这就是 HTML 的作用。

网页的主要目的是向在浏览器中打开网页的人提供信息。CSS 就像为这栋房子刷外墙漆、进行装饰,以及合理安排窗户位置的技术。

通过类比理解 CSS 2

即使理想的网页不包含 CSS(例如 Wikipedia),HTML 仍能完成主要任务,因为它承载着数据。不过,CSS 可以帮助 HTML 以更有意义、更美观的方式向用户呈现这些数据。

什么是 CSS? — 插图 7

维基百科 - 1

上图是禁用样式后的 wikipedia.com 网站截图。 

换句话说,只使用 HTML 语言,我们也能为访客生成如上图所示的输出。

什么是 CSS? — 插图 8

维基百科 2

现在,让我们查看重新启用 CSS 代码后的输出。

如您所见,网站中呈现的数据并没有改变,但借助 CSS,我们的网站只是变得更加友好,方便用户使用。

什么是 CSS? — 插图 9

它获得了许多视觉能力

借助当前版本的 CSS——CSS3,它获得了许多视觉能力。

最常见的问题

我们了解了 CSS 是什么。在进入下一节之前,

让我们看看有关 CSS 的最常见问题。

CSS 的历史

CSS(层叠样式表)从什么时候开始使用?

CSS 是一种自 1996 年起使用的技术。

不使用 CSS?

我可以不使用 CSS 制作网页吗?

可以。但网页可能会难看得没有用户愿意进入。没有 CSS,网页几乎不能称为真正的网页。

大型网页应用问题

Facebook、Google 和 Amazon 等大型网页应用会使用 CSS 吗?

会。不仅是这些网站,您在浏览器中打开的每个网页都会使用 CSS。

CSS 难学吗?

CSS 难学吗?

CSS 很容易学习。 我们编写代码时会像说英语一样自然。不过,在一些细节问题上,软件开发人员常常会觉得困难。 

例如,如何在页面上定位各个块。我们将重点学习这些以及类似的问题。课程结束时,您一定能够学会 CSS。

CSS 学习建议

学习 CSS 时,您有什么建议吗?

有。通过大量练习,您可以非常快地学会 CSS。

恭喜

恭喜您。 🥳🥳🥳

您已经完成了什么是 CSS 课程。

下一部分我们将学习CSS 简介。

您可以点击进入下一部分继续学习。

什么是 CSS? — 插图 17

常见问题解答

「什么是 CSS?」课时是免费的吗?

是的 — 「什么是 CSS?」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 HTML for Kids 课程的其余内容,请升级到 CoddyKit PRO。 HTML for Kids 课程共包含 1 节课。

「什么是 CSS?」这节课中我会学到什么?

什么是 CSS? 你通过在浏览器中直接运行的动手代码来练习 HTML for Kids,全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 HTML for Kids 需要有经验吗?

无需任何先前经验。CoddyKit 上的 HTML for Kids 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 1 节课,共 1 节。

「什么是 CSS?」课时需要多长时间?

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。

我能在这节 HTML for Kids 课中编写并运行代码吗?

能。每节 HTML for Kids 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。

← 返回 HTML for Kids