作者
夏之安然
责编
伍杏玲
在年的今天，我们能在网上看到炫酷的动画加载，精彩绝伦的交互效果，以及从PC端到移动端的响应式交互，大家觉得习以为常。可你不知道的是，在20多年前，网页仅仅提供了文档展示能力，没有装饰的它就像一张黑白报纸那样简陋。
你是否会问：网页是如何变成像今天这样精美的？
这就归功于CSS了。
CSS的诞生
20世纪90年代蒂姆·伯纳斯·李（TimBerners-Lee）发明万维网，创造HTML超文本标记语言。此后网页样式便以各种形式存在，不同的浏览器有自己的样式语言来控制页面的效果，因为最原始的Web版本中根本没有提供一种网页装饰的方法。
ViolaWWW浏览器中的网页
在HTML迅猛发展的90年代，不同的浏览器根据自身的HTML语法结构来支持实现不同的样式语言。在最初的HTML版本中，由于只含有很少的显示属性，所以用户可以自己决定显示页面的方式。
但随着HTML的发展，HTML增加了很多功能，代码也越来越臃肿，HTML就变得越来越乱。网页也失去了语义化，维护代码很艰难，因为代码很混乱：
于是装饰网页样式的CSS（层叠样式表，CascadingStyleSheets）诞生了。
语法的确定
早期CSS的语法设计看上去类似后来的JavaScript语法（当时JavaScript尚未存在），实际上，CSS的这个写法借鉴了X11WindowSystem中的X资源。
早期CSS语法提案
在第一稿建议中，有一个影响百分比的说明符：h1.font.size=20pt80%。
行尾百分比的作用是想要通过这个百分比来控制该值的权重，如字号设置为20pt，权重设置80%，最终将字号值与权重组合在一起，值为16pt。
这个写法的设计初衷是想将开发者与用户的要求与偏好组合到一起，CSS之父哈肯·维姆·莱（HkonWiumLie）提议CSS应该有一把滑尺，这样开发者与用户都有完全的控制力。当时这个提议引起了大家的讨论，但由于这个办法对如font-size等属性管用，但对另一些属性如font-family就不好用了，所以最终这个百分比的用法还是被舍弃了。
至于CSS的语法由font.size改成font-size，是怎么设计来的呢？首先，连字符读起来更像书面英语，简单易懂。其次，DSSSL（DocumentStyleSemanticsandSpecificationLanguage，文档样式语义和规范语言）和DSSSL-Lite就使用这种连字符属性名。于是，CSS也从中借鉴了连字符。
经过多年的努力，到年底，最终CSS语法变成了现在这个样子：
当前CSS语法
CSS历史大事记
年，HkonWiumLie最初提出了CSS的想法，联合当时正在设计Argo的浏览器的BertBos，他们决定一起合作设计CSS，于是创造了CSS的最初版本。
紧接着，他们在芝加哥的MosaicandtheWeb大会上第一次正式提出了CSS的建议，年他们一起再次展示了这个建议。当时W3C刚刚建立，W3C对CSS很感兴趣，为此专门组织了一次讨论会。
年12月，W3C推出了CSS规范的第一版本。
年，W3C颁布CSS1.0版本，CSS1.0较全面地规定了文档的显示样式，可分为选择器、样式属性、伪类/对象几个部分。
这一规范立即引起了各方的