CSS二十年发展简史网络运营网站维护

发布时间 :2022-04-19 17:30

CSS二十年发展简史--分类:网站维护在年的今天,我们能在网上看到炫酷的动画加载,精彩绝伦的交互效果,以及从PC端到移动端的响应式交互,大家觉得习以为常

网站运营网站维护

可你不知道的是,在多年前,网页仅仅提供了文档展示能力,没有装饰的它就像一张黑白报纸那样简陋

网站维护

你是否会问:网页是如何变成像今天这样精美的

这就归功于CSS了

CSS的诞生世纪年代蒂姆·伯纳斯·李(TB-L)发明万维网,创造HTML超文本标记语言

此后网页样式便以各种形式存在,不同的浏览器有自己的样式语言来控制页面的效果,因为最原始的W版本中根本没有提供一种网页装饰的方法

VWWW浏览器中的网页在HTML迅猛发展的年代,不同的浏览器根据自身的HTML语法结构来支持实现不同的样式语言

在最初的HTML版本中,由于只含有很少的显示属性,所以用户可以自己决定显示页面的方式

但随着HTML的发展,HTML增加了很多功能,代码也越来越臃肿,HTML就变得越来越乱

网页也失去了语义化,维护代码很艰难,因为代码很混乱:于是装饰网页样式的CSS(层叠样式表,CSS)诞生了

语法的确定早期CSS的语法设计看上去类似后来的JS语法(当时JS尚未存在),实际上,CSS的这个写法借鉴了XWS中的X资源

早期CSS语法提案在第一稿建议中,有一个影响百分比的说明符:..=%

行尾百分比的作用是想要通过这个百分比来控制该值的权重,如字号设置为,权重设置%,最终将字号值与权重组合在一起,值为

这个写法的设计初衷是想将开发者与用户的要求与偏好组合到一起,CSS之父哈肯·维姆·莱(HWL)提议CSS应该有一把滑尺,这样开发者与用户都有完全的控制力

当时这个提议引起了大家的讨论,但由于这个办法对如-等属性管用,但对另一些属性如-就不好用了,所以最终这个百分比的用法还是被舍弃了

至于CSS的语法由.改成-,是怎么设计来的呢

首先,连字符读起来更像书面英语,简单易懂

其次,DSSSL(DSSSL,文档样式语义和规范语言)和DSSSL-L就使用这种连字符属性名

于是,CSS也从中借鉴了连字符

经过多年的努力,到年底,最终CSS语法变成了现在这个样子:当前CSS语法CSS历史大事记年,HWL最初提出了CSS的想法,联合当时正在设计A的浏览器的BB,他们决定一起合作设计CSS,于是创造了CSS的最初版本

紧接着,他们在芝加哥的MW大会上第一次正式提出了CSS的建议,年他们一起再次展示了这个建议

当时WC刚刚建立,WC对CSS很感兴趣,为此专门组织了一次讨论会

年月,WC推出了CSS规范的第一版本

年,WC颁布CSS.版本,CSS.较全面地规定了文档的显示样式,可分为选择器、样式属性、伪类对象几个部分

这一规范立即引起了各方的关注,随即微软和网景公司的浏览器均能支持CSS.,这为CSS的发展奠定了基础

年,WC发布了CSS的第二个版本,目前的主流浏览器都采用这标准

CSS的规范是基于CSS设计的,包含了CSS所有的功能,并扩充和改进了很多更加强大的属性

包括选择器、位置模型、布局、表格样式、媒体类型、伪类、光标样式

年月,WC开始CSS标准的制定,到目前为止该标准还没有最终定稿

IE,前端工程师的痛年,微软发布了IE,在W普及的年代IE浏览器占据了高达%的市场,这对CSS的标准推广起着重要作用

因为IE的用户量大,开发者们就选择了以大众为准,许多开发者竭尽全力把IE下的页面做好,甚至一些开发者的口号很响“OIE”

这样导致许多页面根本不是WC标准,因为IE有一套自己的解析渲染体系

最终IE的庞大市场最终成为了W开发者的一大绊脚石

作为当时的开发者,必须掌握的一系列浏览器H,网页开发和面试必备

印象中当时经典的B是“江湖匪号:一只猪的故事”

IEH和解决方案如今我们在当下高级浏览器中实现一个圆角按钮是很简单的事,但在当时不支持CSS属性的浏览器(IE)中还得通过图片背景切图方法实现,如果按钮的长度不确定的话,还得实现按钮自适应长度,这也是考验前端工程师的CSS使用技巧和磨练我们的耐性

那些年我们前端工程师的收藏夹不仅收藏CSSH,还会收藏各种布局攻略,如圣杯布局,也叫双飞翼布局,就是实现一个两侧宽度固定,中间宽度自适应的三栏布局,实现这些布局需要各种技巧和攻略

当时大牛们总结出的一些要点:两侧宽度固定,中间宽度自适应中间部分在DOM结构上优先,以便先行渲染允许三列中的任意一列成为最高列只需要使用一个额外的标签就这样,我们前端开发者练就了一身黑技能,直到微软发布IE死亡倒计时

最先开始放弃IE支持的是一线互联网大公司,如淘宝等,直到后,大家逐渐放弃了对IE的支持,这简直是对前端工程师最大的福音

随着IE退出市场,年,微软发布IE版本

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销公司;服务项目有网站维护等



- END -