html5+css3第一次作业_HTML5与CSS3基础完全自学教程（三）

本文首发于【前端课湛】微信公众号。可以在微信里搜索【前端课湛】关注，第一时间看文章！

导读： 本小节主要讲解 CSS 的基本信息，其中包括 CSS 概念、CSS 发展历程和 CSS 标准版本的发展历程。通过本小节的学习可以对 CSS 的含义有个初步的理解，为后续进一步学习 CSS 相关概念打下基础。

什么是 CSS

CSS 是个缩写形式，其全称为 Cascading Style Sheets，翻译成中文的含义为层叠样式表。CSS 是用来定义 HTML 元素显示的样式和布局方式，例如设置显示字体的颜色、大小等效果。

如下示例代码所示展示了 CSS 样式代码：

p { color: lightcoral;3 font-size: 24px;4}

说明：上述示例代码的具体含义，我们会在后续的章节中进行详细讲解，这里仅作为展示作用。

CSS 的出现真正做到了将网页样式和内容有效进行分离，其中 HTML 元素用于展示内容，CSS 用于定义样式。

提示：HTML 同样提供了有关样式的元素及属性，例如 元素和 color 属性等。目前有关网页的样式统一由 CSS 进行定义，所以 HTML 有关样式的元素和属性基本上已废弃。

浏览器的默认样式

如果创建一个 HTML 页面，定义一些 HTML 元素并且不定义任何 CSS 样式，如下示例代码所示：

 1 2 3 4 5  6 Document 7 8 910 

这是测试内容.

111213

然后使用不同的浏览器运行如上所述 HTML 页面，我们会发现不同浏览器显示的文本内容的字体样式是不同的。如下图所示：

会产生这样结果的原因在于，浏览器在解析 HTML 页面时会提供一个浏览器的默认样式，而不同的浏览器所提供的这个默认样式内容是不相同的。

我们通过 CSS 设置 HTML 页面的样式，会覆盖掉浏览器的默认样式，从而使得 HTML 页面在不同浏览器中运行时显示的效果是一样的。

CSS 发展历程

理解了 CSS 的概念之后，我们再来介绍有关 CSS 的发展历程。

提示：这部分内容了解即可，毕竟对我们学习 CSS 本身是没有任何影响的。

早在 1994 年哈坤·利提出了 CSS 的最初建议。伯特·波斯(Bert Bos) 当时正在设计一个叫做“Argo”的浏览器，他们决定一起合作设计 CSS。

哈坤于 1994 年在芝加哥的一次会议上第一次展示了 CSS 的建议，1995 年他与波斯一起再次展示这个建议。当时 W3C 组织刚刚创建，W3C 对 CSS 的发展很感兴趣，它为此组织了一次讨论会。哈坤、波斯和其他一些人(比如微软的托马斯·雷尔登)是这个项目的主要技术负责人。1996 年底，CSS 已经完成。1996 年 12 月 CSS 要求的第一版本被出版。

1997 年初，W3C 内部组织了专门管理 CSS 的工作组，其负责人是克里斯·里雷。这个工作组开始讨论第一版中没有涉及到的问题，其结果是 1998 年 5 月出版的第二版要求。

目前，CSS 的最新版本已经更新到了第三版。CSS3 融入在了 HTML5 新版本的特性里面。

CSS 版本发展历程

从 1994 年开始，直至 1996 年才出版了第一版 CSS 要求。CSS 发展至今，也仅仅经历了 3 个大版本的更新和迭代。具体每个版本发布的时间如下：

• CSS1 —— 作为一项 W3C 推荐，CSS1 发布于 1996 年 12 月 17 日。1999 年 1 月 11 日，此推荐被重新修订。
• CSS2 —— 作为一项 W3C 推荐，CSS2 发布于 1999 年 1 月 11 日。CSS2 添加了对媒介(打印机和听觉设备)和可下载字体的支持。
• CSS3 —— CSS3 计划将 CSS 划分为更小的模块。于 1999 年开始制订，2001 年 5 月 23 日 W3C 完成了 CSS3 的工作草案。

以上 CSS 经历了 3 个大版本，我们需要特别关注的是 CSS3 这个版本。因为 CSS3 版本更新的内容较多，而且时间跨度较大，导致各个浏览器对 CSS3 的支持情况并不相同。

说明：关于 CSS3 的核心新特性，我们会在后续的章节进行详细讲解。

总结

本小节从 CSS 的概念开始讲解，然后讲解了 CSS 的发展历程以及 CSS 版本的发展历程等内容。其中：

• CSS 概念：重点在于理解 CSS 在 HTML 页面中的作用，以及清楚不同浏览器默认解析 HTML 页面所提供的样式是不同的。
• CSS 的发展历程，作为了解内容进行介绍。这部分内容知不知道，是不影响我们学习 CSS 具体的语法内容的。
• CSS 版本的发展历程，主要经历了 3 个大版本的更新和迭代。其中 CSS3 版本更新的内容较多，以及时间跨度较大，是非常值得我们关注。

预告：下一节，我们将讲解在 HTML 页面中如何使用 CSS 样式以及 CSS 的语法结构等内容。

如要转载本文，请先加作者微信(2080954535，与 QQ 同号)，获得转载许可。原创不易，请尊重作者劳动！