世界都是创造出来的。很自然,CSS世界也是一点一点创造出来的。这世间上的事情只要发生了,都是有原因的。CSS世界的出现也不例外。
下面我们就来看一下CSS世界出现的历史。虽然我知道,有些人对这些历史可能不感兴趣,但是要想深入理解CSS属性的一些设计原因、表现原理还真离不开当时的历史环境。
大家可能都听说过马云1995年去美国,第一次接触了互联网,在这个时间点,HTML才是第一版且诞生没几年,W3C才刚刚成立,CSS还没出现。那时候的互联网几乎都是文字信息,显示一张图片都是要上天的感觉。
大家可能没意识到,那个时候前端的发展和现在一样快,设计师要求越来越多,HTML也越来越庞杂。急需要其他专门负责样式的语言,据说当时有几个样式表语言,最后是CSS胜出了,为什么呢?它的胜出靠的是“层叠”特性。
CSS全称是Cascading Style Sheets,翻译成中文就是“层叠样式表”。所谓“层叠”,顾名思义,就是样式可以层层累加,比方说页面元素都继承了12像素的大小,某标题就可以设置成14像素进行叠加。发现没?这种层叠策略对于样式的显示是相当的灵活。
于是,从1996年12月17日CSS1诞生后,CSS在样式呈现领域可谓所向披靡,没有遇到任何竞争对手。1998年5月12日CSS2发布,推行内容和表现分离,表格(table)布局开始落寞。
1998年腾讯、新浪和网易成立,当时搜狐则成立1年不到。那个时候是门户的时代,人们更关注的是信息的获取,所以网站的功能主要就是信息展示,信息是什么?在那个时代,在互联网领域,信息就是图片和文字。换句话说,那时候的网站前端技术关心的是图片和文字的呈现,而CSS2(包括9年之后,也就是2007年才出现的CSS2.1)都是为图文展示服务的。
我再重复一遍: CSS世界的诞生就是为图文信息展示服务的。 这句话在本书中会非常频繁地出现,知道这一点你就会明白很多事情。
好,下面让我们回到本节开头的那句话——“世界都是创造出来的”!为何我要反复强调这句话呢?如果站在造物主的角度去思考CSS世界的种种表现,很多问题就会迎刃而解。
现在给你机会当一回造物主,让你自己重新构建一个CSS世界,唯一的要求就是,这个世界要非常便于图片和文字的呈现,你会去如何构建呢?