CSS详解

 

1.什么是CSS

这里不讲CSS的具体内容，只讲一下CSS的产生背景，以及其运用环境，我认为要学习CSS，HTML等，我们并不着急去学习他的内容，我们应该先了解一下他的背景，他是为了实现什么而产生，他是用来干什么的，以及CSS，HTML的区别，这并不会花费我们多少时间。如果我们在这个方面不做足功课，那么我们在学习完CSS的内容后，常常会出现，各种概念上的混淆。在这里要尤其区分，HTML和CSS的区别，因为这两个语言在使用时是紧密连接的，并且在使用时，常常会混合在一块，因此，很对人在学习时常常将HTML和CSS混淆。个人建议学习时二者分开学，先学习HTML再学习CSS

首先讲一下什么是CSS，他是什么时候产生的，以及他是用来作什么的。

1.1什么是CSS

CSS全称 层叠样式表，(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。（前面这一段是百度百科里的专业解释，看不懂也没关系）

通俗的来讲，CSS是用来美化网页的。CSS被引用来web开发中的目的也是为了使得HTML语言更好地适应页面的美工设计。相信很对人都使用过当初的非智能手机浏览网页，我们会发现早期使用非智能手机浏览的网页可以说是纯文字化的，偶尔混夹杂着图片等。这个时期我们看到的手机上的网页可以说都是没有CSS优化过的，可以说是纯HTML编写的。我们可以尝试关闭网页上的CSS来实现早期网页的效果，具体操作自行百度。

 

1.2CSS是什么时候产生的

CSS 是 1996 年由 W3C 审核通过并推荐使用的。CSS 的引入随即引发了网页设计一个又一个新高潮，使用 CSS 设计的优秀页面层出不穷。CSS 是 1996 年由 W3C 审核通过并推荐使用的。CSS 的引入随即引发了网页设计一个又一个新高潮，使用 CSS 设计的优秀页面层出不穷。

 

1.3CSS 的发展历史

在 20 世纪 90 年代初，HTML 语言诞生。早期的 HTML 只含有少量的显示属性，用来设置网页和字体的效果。

随着互联网的发展，为了满足日益丰富的网页设计需求，HTML 不断添加各种显示标签和样式属性，于是这就带来一个问题：网页结构和样式混用让网页代码变得混乱不堪，代码冗余增加了带宽负担，代码维护也变得苦不堪言。

1994 年初，哈坤·利提出了 CSS 的最初建议。伯特·波斯（Bert Bos）当时正在设计一款 Argo 浏览器，于是他们一拍即合，决定共同开发 CSS。

1994 年底，哈坤在芝加哥的一次会议上第一次展示了 CSS 的建议，1995 年他与波斯一起再次展示这个建议。当时 W3C 组织刚刚成立，W3C 对 CSS 的前途很感兴趣，为此组织了一次讨论会，哈坤、波斯是这个项目的主要技术负责人。

1996 年底，CSS 语言正式完成，同年 12 月，CSS 的第一个版本正式出版（https://www.w3.org/TR/CSS1/）。

1997 年初，W3C 组织专门负责 CSS 工作组，负责人是克里斯·里雷。于是该工作组开始讨论第一个版本中没有涉及的问题。

1998 年 5 月，CSS2 版本正式出版（https://www.w3.org/TR/CSS2/）。

尽管 CSS3 的开发工作在 2000 年之前就开始了，但是距离最终的发布还是有相当长的路要走，为了加快开发速度，也为了方便各个主浏览器根据需要渐进式地支持，CSS3 按模块化进行全新设计，这些模块可以独立开发和实现，这也为日后 CSS 的扩展奠定了基础。

考虑到从 CSS2 到 CSS3 发布时间会很长，2002 年工作组启动了 CSS2.1 的开发。这是 CSS2 的修订版，它纠正了 CSS2 版本中的一些错误，并且更加精确地描述了 CSS 的浏览器实现。

2004 年，CSS2.1 正式发布，到 2006 年底得到完善。CSS2.1 成为了目前最流行、获得浏览器支持最完整的版本（有些较老的浏览器并不支持 CSS3，比如 IE8 及其以下版本）。

1.4 CSS 在国内的早期实践

评价一种 Web 技术优劣的标准只有一个，那就是看这种技术能够在最恰当的时间以最恰当的方式，为需要的人提供最恰当的服务。在讨论 Web 标准之前，纵览十多年中国 Web 技术的发展，虽然还存在分歧和顾虑，但普及和应用 Web 标准已是不争的事实。

国内网络技术的发展似乎总是慢于国外半个节拍。例如，1996 年 W3C 组织正式推出 CSS1.0，1998 年又推出 CSS2.0，而国内在新世纪之初才开始尝试 CSS 技术。

新世纪之初，国内前卫的网页设计师开始在网页里应用 CSS 技术，但仅限于兴趣和探索。例如：

• 2004 年，傅捷为了配合自己新翻译的《网站重构：应用 Web 标准进行设计》一书出版，使用纯 CSS 技术设计了一个网站 http://www.w3n.org（目前已无法访问），这个网站在当时吸引了众多 CSS 爱好者的学习和模仿。
• 2004 年 10 月，闪客帝国（http://www.flashempire.com）采用 Web 标准对网站进行了重构，此举在当时产生了不小的轰动，因为对于一个商业网站来说，使用未经普遍实践的技术是存在很大风险的。
  
  闪客帝国网站于 2005 年完成了全部 CSS 布局，作为国内第一个大型应用案例，虽然还在很多问题，但其在 CSS 标准化实践方面带来了很多宝贵经验。此后，国内各大商业网站纷纷效仿，加入到网站重构的行列，网页 CSS 化、网站标准化逐渐成为商业网站的基本要求。