网页是如何变得丰富多彩CSS居功至伟

核心提示在上面这张图中,网页由三个部分组成:HTML、CSS、javascript。HTML和Javascript这两个网页的组成部分学记之前说过,这里就不在赘述了。CSS 学记还没有说过,在这篇文章当中,就来描述一下 CSS 的历史、发展历程和内

在上面这张图中,网页由三个部分组成:HTML、CSS、javascript。

HTML和Javascript这两个网页的组成部分学记之前说过,这里就不在赘述了。CSS 学记还没有说过,在这篇文章当中,就来描述一下 CSS 的历史、发展历程和内容。

CSS

层叠样式表又称串样式列表、级联样式表、串接样式表、阶层式样式表。是一种用来为结构化文档添加样式的计算机语言,由W3C定义和维护。当前最新版本是CSS2.1,为W3C的推荐标准。CSS3现在已被大部分现代浏览器支持,而下一版的CSS4仍在开发中。

起源

在HTML规范中规定了网页中,标题、段落应该使用的标签。但规范中并没有规定这些内容应该以什么样式呈现在浏览器中。

从1990年代初,HTML被发明开始,样式表就以各种形式出现了。不同的浏览器结合了它们各自的样式语言,访问者可以使用这些样式语言来调节网页的显示方式。一开始样式表是给访问者使用的,最初的HTML版本只含有很少的显示属性,访问者来决定网页应该怎样被显示。

1993年,Robert Raisch提出了一种名为“RRP”的样式规则建议。但这个RRP只允许网页使用1个样式表,不像现在的CSS能支持同时加载多个。

不久后出现的Mosaic浏览器就采用增加新种类的HTML标签实现样式的表达,以满足设计师的要求,但这与现在的CSS设计原则不符。随着HTML自带的样式功能的增加,外来定义样式的语言逐渐减弱了。

1993年发布的这个Mosaic浏览器是第一款用户界面,并支持书签、图标按钮和图片显示。之前的浏览器都是纯文字浏览器。

1994年,万维网之父蒂姆·伯纳斯-李在欧美众多高能物理研究者和技术人员的支持下,于美国麻省理工学院创立了万维网联盟,其职责是提供网络标准化建议。1994年,Hkon W Lie提出层叠HTML样式表。

CHSS既支持用户自定义样式表,也支持网页作者样式表,而且可以满足不同规则以百分比的方式组合使用。但它的权重规则计算方式不够直观,当不同规则混合时会得到什么实际效果并不容易从代码中看出。

1996年,出现了与CSS语法很像的PSL 96。PSL 96除表达样式外,也支持条件判断等功能,还可根据对浏览器信息的判断来使用不同的样式,但未获得青睐。

1994年,哈肯·维姆·莱提出了CSS的最初需求。伯特·波斯当时正在设计一个叫做Argo的浏览器,他们决定一起合作设计CSS。当时已经有过一些样式表语言的建议了,但CSS是第一个含有“层叠”的语言。

在CSS中,一个文件的样式可以从其他的样式表中继承下来。访问者在有些地方可以使用自定义样式,在其他地方则继承,或“层叠”网页作者的样式。这种层叠的方式使网页作者和访问者都可以灵活地加入自己的设计,混合各人的爱好。

哈肯·莱于1994年在芝加哥的一次会议上第一次展示了CSS的建议,1995年他与波斯一起再次展示这个建议。当时W3C刚刚创建,W3C对CSS的发展很感兴趣,为此W3C组织了一次讨论会。哈肯、波斯是这个项目的主要技术负责人。

1996年底,CSS已经完成。1996年12月,哈肯·莱与伯特·波斯发布了CSS规范的第1个版本。当时已有的主流浏览器的内核架构完全不适合解析CSS的语法,且漠不关心代码校验,所以CSS等到几年之后才流行起来。

1998年,浏览器市场份额被微软公司的Internet Explorer和网景公司的Netscape Navigator 两大浏览器巨头所占据。

CSS出现后,微软的IE浏览器走在了逐步实现CSS第1版标准的前列。但是因为不重视问题修补,导致遗留Bug很多,这也使得IE浏览器长期为人们诟病。网景则把重心放在了网页脚本语言的开发上,但很快被微软模仿。网景在90年代末和微软展开的浏览器大战中最终一败涂地,走向破产边缘,但网景也成功推出了日后广泛流行于网页设计中的Javascript语言。

浏览器大战使得网页设计人员深受其害,因为不同浏览器支持的语法规则不太一样,网页设计人员不得不为IE浏览器和网景浏览器的浏览器分别设计一套网页。

1997年初,W3C组织了专门接管CSS的工作组。这个工作组开始讨论第1版中没有涉及到的问题,其结果是1998年5月出版的第2版规则。网页标准计划的7位成员成立了“CSS武士团”,指出Opera浏览器和IE浏览器在支持CSS方面存在的诸多问题。

Opera公司着手解决了问题,但微软并未解决。网页标准计划也积极劝说网景公司和Macromedia公司分别改进其产品对CSS标准的支持。

内容

CSS不能单独使用,必须与HTML一起协同工作,为HTML起装饰作用。其中HTML负责设定网页中的内容,CSS设定外观展现这些元素。CSS可以用于设定页面布局、设定页面元素样式、设定适用于所有网页的全局样式。CSS可以零散地直接添加在要应用样式的网页元素上,也可以集中化内置于网页、链接式引入网页以及导入式引入网页。

CSS最重要的目标是将文件的内容与它的显示方式分隔开来。

在CSS出现前,几乎所有的HTML文件内都包含文件显示的信息,比如字体的颜色、背景样式、如何排列、边缘、连线等等都必须一一在HTML文件内列出,有时重复列出。

CSS使作者可以将这些信息中的大部分隔离出来,简化HTML文件,这些信息被放在一个辅助的,用CSS语言写的文件中。HTML文件中只包含结构和内容的信息,CSS文件中只包含样式的信息。

CSS样式信息可以包含在一个附件中或包含在HTML文件内。访问者可以使用多个样式表,在重复的情况下可以选择其中之一。

这就是CSS的发展历程已经内容。

如果想学习更多科技知识,可以点击关注。

如果对文章中的内容有什么困惑的地方,可以在评论区提出自己的问题,学记同大家一起交流,解决各种问题,一起进步。

青年学记 陪伴着各位青年

作者:青年学记 一名不断进步的程序猿

一起学习 一起进步

走向自立

 
友情链接
鄂ICP备19019357号-22