文/面包理想
一转眼已经年，前端行业也风风雨雨地走过了10多年，网页布局也从最原始的文档变成了精彩纷呈的交互。当我看到第四代CSS布局技术的时候，在惊叹互联网发展如此突飞猛进的同时，不禁会有一个疑问：CSS经历1.0到3.0的版本变迁，最终又将走向哪里？
今天我们就回顾一下CSS简史和四次布局技术的跃迁。
1.CSS简史
为什么我们需要回顾一下CSS简史呢？
1.了解过去能够更好地预测未来，毕竟太阳底下没有什么新鲜事。
2.相比预测未来，通过了解CSS发展演变趋势，能够科学合理地评判CSS的发展，指导我们学习CSS的核心技术，让我们在有限的精力和时间内学对知识，学好知识。
那是年的第一场雪，比年来的更早一些，伯纳斯·李（TimBerners-Lee）以超人的智慧和消耗了前额无数浓密的头发为代价发明了WorldWideWeb，没有他就没有我们今天互联网相关的工作，也就没有了这个专栏教程，请允许我代表广大前端致以崇高的敬意。我们先一睹大神的风采。
对互联网之父，我只想对他说一句话，有一款洗发水增发效果挺好的，我一直用，你要不要试试？
互联网诞生了以后，最初的网页仅仅是纯文本，但是随着互联网的发展，大家意识到web的原始版本根本就没有提供一种装饰网页的方法。这就好比一个婴儿不会穿着衣服出生一样，孩子大了，总不能裸奔吧？这个时候两个大神提供了解决方案PeiYaunWei和Andreesen。
PeiYaunWei说，这个好办，我们可以给孩子穿上纸尿裤。
Pei-YuanWei在年创建图形浏览器ViolaWWW，他整合了自己提出的样式语言到自己开发的浏览器中，还期望自己的样式语法最终能成为web关于样式的官方标准。虽然这个目标并未达到，但是他提出的样式语法确实为其它的一些样式语法提供了一些灵感。
Andreesen说，那玩意得换多麻烦，我给孩子画一身衣服吧，当然你懂的，最后PeiYaunWei的方案被采用了，但是我们还是看看Andreessen画出来的情况有多乱。
与此同时，Andreessen在他开发的网景浏览器中进行了不同的尝试。他并没有创建一种分离式的标记语言，而是采取拓展HTML标签的方法来包含非标准化的HTML标签已达到装饰网页的目的。不幸的是，没过多久，网页就失去了所有的语义化并看起来像下面这样混乱：
MULTICOLCOLS=3GUTTER=25
PFONTSIZE=4COLOR=REDThiswouldbesomefontbrokenupintocolumns/FONT/P
/MULTICOL
最终被大家采纳的语言是由HakonWium在年10月提出的样式语法。它被称为样式层叠表，简称CSS，但是直到年的时候，CSS才演变成我们熟悉的样子。
html{margin-left:2cm;font-family:Times,serif;}h1{font-size:24px;}
然后在年5月W3C发表了CSS2，紧接着一个让我深恶痛绝的浏览器诞生了！对没错，就是你深恶痛绝的那个万能的IE6，年微软发布了IE6，不过搞笑的是，IE6最初的出现确实很大程度推动了CSS发展。那时候的网页已经变成跟现在很接近了。
按照常理你肯定会想，后面我就知道了，你不用说了，然后就是CSS3.0了。好吧，如果是我，我也这样想，但是国际友人的脑回路可能跟我们不一样，事实上，CSS3早于年已经开始制订，直到年6月7日，CSS3ColorModule终于发布为W3CRe