文/奶油平庸
转眼已经2018年，后端行业也命运多舛地走来了10多年，页面产业布局也从最原初的文件格式变成了精彩绝伦的可视化。当我看到第三代CSS产业布局控制技术的这时候，在赞叹网络产业发展如此飞速发展的同时，不由得会有一个疑点：CSS经历1.0到3.0的版社会变迁，最后又将迈向这儿？
那时他们就简述呵呵CSS百科辞典和三次产业布局控制技术的光子。
1.CSS百科辞典
为什么他们需要简述呵呵CSS百科辞典呢？
1.介绍过去能更快地预估今后，毕竟太阳里边没什么可说。
2.相比预估今后，通过介绍CSS产业发展演进趋势，能切实可行地评判标准CSS的产业发展，指导他们学习CSS的核心控制技术，让他们在有限的心力和时间Roybon对科学知识，努力学习科学知识。
那是1989年的首场雪，比1988年来的更早一些，柏内兹·李（Tim Berners-Lee）以蜘蛛人的睿智和耗用了后背不计其数茂密的指甲为付出发明者了World Wide Web，没他就没他们那时网络相关的工作，也就没了这个时评讲义，请容许我代表广大后端诚挚高尚的谢意。他们先领略天神的魅力。
对网络先驱，我只想对他说一句话，有这款化妆品定向增发效果没关系的，我一直用，你要不要试一试？
网络问世了以后，最初的页面仅仅是纯文档，但是随着网络的产业发展，大家意识到web的原初版根本就没提供更多一种点缀页面的方法。这就比方说一个婴孩不会穿著衣服长大一样，小孩大了，总不能抢钱吧？那个这时候两个天神提供更多介绍决方案Pei Yaun Wei和Andreesen。
Pei Yaun Wei说，那个要算，他们可以给小孩穿上卫生巾。
Pei-Yuan Wei在1991年建立绘图应用程序 ViolaWWW ，他资源整合了他们提出的式样语言到他们开发的应用程序中，还期望他们的式样语法最后能成为web关于式样的官方标准。虽然那个目标并未达到，但是他提出的式样语法确实为其它的一些式样语法提供更多了一些灵感。
Andreesen说，那玩意得换多麻烦，我给小孩画一身衣服吧，当然你懂的，最后Pei Yaun Wei的方案被采用了，但是他们还是看看Andreessen画出来的情况有多乱。
与此同时，Andreessen 在他开发的网景应用程序中进行了不同的尝试。他并没建立一种分离式的标记语言，而是采取拓展HTML标签的方法来包含非标准化的HTML标签已达到点缀页面的目的。不幸的是，没过多久，页面就失去了所有的语义化并看起来像下面这样混乱：
<MULTICOL COLS=”3″ GUTTER=”25″> <P><FONT SIZE=”4″ COLOR=”RED”>This would be some font broken up into columns</FONT></P></MULTICOL>最后被大家采纳的语言是由Hakon Wium 在 1994年 10月提出的式样语法。它被称为式样层叠表，简称CSS，但是直到1996年的这时候，CSS才演进成他们熟悉的样子。
html { margin-left: 2cm; font-family: “Times”, serif; }h1 { font-size: 24px; }然后在1998年5月W3C发表了CSS2，紧接着一个让他们深恶痛觉的应用程序问世了！对没错，就是你深恶痛绝的那个万能的IE6，2001年微软发布了IE6，不过搞笑的是，IE6最初的出现确实很大程度推动了CSS产业发展。那这时候的页面已经变成跟现在很接近了。
按照常理你肯定会想，后面我就知道了，你不用说了，然后就是CSS3.0了。好吧，如果是我，我也这样想，但是国际友人的脑回路可能跟他们不一样，事实上，CSS3早于1999年已经开始制订，直到2011年6月7日，CSS 3 Color Module终于发布为W3C Recommendation。那个故事告诉他们两件事：
1.w3c那个组织活的真够长，甚至比很多读者年龄都大。
2.不是CSS正式版发布了你才放心使用，如果等到那个这时候使用，你的项目可能未曾绽放就枯萎了。
细心的读者可能会问了，CSS3正式版什么这时候发布啊？另外CSS4.0什么这时候发布？
好吧，我只能告诉你随缘吧……而且没CSS4.0了，也不会有CSS5.0了。
来他们再看看国际友人的脑回路：
简单地说，就是从CSS3开始，CSS规范就被拆成众多模块（module）单独进行升级，或者将新需求作为一个新模块来立项并进行标准化。因此今后不会再有CSS4、CSS5这种所谓大版号的变更，有的只是CSS某个模块级别的光子。
按照CSS工作组的说法，CSS历史上并没版的概念，有的只是“级别”（level）的概念。比如，CSS3其实是CSS Level 3，CSS2是CSS Level 2，而CSS Level 1当然就是CSS1。每个级别都以上一个级别为基础。
大家可能说那个命名好乱啊，这事儿我只想跟你说，你就把CSS工作组当成你女朋友就好了，她开心就好，她说的都是对的，她说啥就是啥……
至于他们，会用就好了。
CSS出现的好处就是让结构和表现分离，可以更灵活的修饰页面,学习也很简单。这里我更想说说它的不足。
1.CSS只有一个全局的命名空间，所以是无法避免出现选择器冲突的。
2.模块化做的不够好，所以造成嵌套和覆盖混乱，容易产生一大堆乱糟糟的式样。
所以现在CSS也在向“模块化、JS化产业发展”
不过客观地说，CSS的出现确实是网络里程碑式的进步。
CSS其实就做了两件事：
1.如何产业布局
2.元素怎么表现
说直白一点就是两件事，一个房子是盖成两室一厅还是三室两厅，另一件事是精装修。
这里大家就会看到如果一个房子180平米隔成1个10平米的主卧170平米的厕所，你再怎么精装修也不会是一个宜居的房间。所以产业布局在CSS中是极其重要的。与CSS产业发展百科辞典类似，CSS产业布局也经历了一代又一代的迭代，才成为当前的样子。
接下来他们就说说CSS产业布局百科辞典。
2.CSS产业布局百科辞典
初代table产业布局
在1997年的这时候，David Siegel 改变了web，他他们研究出了一项页面产业布局控制技术，利用html中的table元素和gif图片缝合在一起，创造了表格产业布局控制技术，之后他就犹如一头猛兽泛滥起来。
优点：产业布局容易、快捷、兼容性好
缺点：改动不便，需要重新调整，工作量大
由于网络网站越来越复杂，内容和业务更新频繁，所以table产业布局是完全不能胜任的，以至于table产业布局的发明者人都说：
“我把炸酱和面倒在了一起，并且没法分开它。”
不过那个真不是我杜撰出来的，原文：
David Siegel：“有人说我毁掉了Web，我回答他们，的确如此。我毁掉了Web是因为我把巧克力和花生酱混合在一起却再也不能把它们分开。我犯下了把结构跟表现混合在一起的错误。”
然后第二代产业布局控制技术登场了，
CSS+div产业布局
CSS+div产业布局总结起来有三大优点，
1.省时，学习容易，写代码也很容易，很快，效率高
2.省事，如果业务逻辑变了，改起来特别方便快捷
3.省钱，代码量少，省带宽，适合seo
基于这三年不难看出CSS+div产业布局人畜无害，人见人爱，也就不难解释为什么被广泛地使用成为目前主流的产业布局控制技术了。当然了他也有缺点：
1.需要考虑平台兼容性，对制作人员的技能要求较高。
2.在移动端产业布局显得有些力不从心，如未知宽高float内部元素居中、垂直水平产业布局、响应式产业布局等方面略显繁琐。
基于此，第三代产业布局控制技术应运而生。
Flex产业布局
优点：
1.CSS3的产业布局方式，可以在不使用其他框架的情况下，简便、完整、响应式地实现各种页面产业布局 2.移动端产业布局简直太友好缺点：
兼容性较差，IE应用程序版在9.0以上，基本要10.0 对于其他应用程序，要求兼容性写法Flex产业布局日渐成为移动端主流产业布局控制技术，但是它是单一维度的产业布局，那个我会在时评后面讲到，有这时候也会捉襟见肘，所以目前出现了第三代的产业布局控制技术：
grid产业布局
它并不会取代第三代的布局控制技术，而是颠覆和突破。就好像Flex远比div+CSS产业布局更方便，但是div+CSS依然有用武之地。
他们说下它的突破之处：
1.flex对标的是float，本质上还是一维产业布局，这就跟别人开着夏利，你开奔驰都是地面上跑没啥本质区别一样。但是grid升维了，grid是飞机，在地面马路这条线一维之上让人能思考高度那个维度，以前是汽车一维交通工具（你只能在水平方向一个方向开），飞机是二维（能俯冲了（横向、纵向同时）），所以grid可以说是拓宽了CSS产业布局的维度。不排除将来会有三维产业布局的出现。到这时候CSS不仅仅能控制横向产业布局，纵向产业布局，还可以深度产业布局（那个要依赖于三维展示的出现，如VR，AR三维立体的展示设备出现）。
2.grid产业布局里面采用了“可视化产业布局（template部分，所见即所得）”，那个是颠覆了传统的，写一句代码刷呵呵应用程序这样的开发方式，不排除以后会出现代码即效果的开发模式。比如你在一个设备上画一个区域，然后画轮播图。
page没火，dreamwaver火了，最早提出“canvas”概念的 VML没火，最后html5的canvas火了，连CSS3网格产业布局也是由微软建立的一个模块 ，最后火起来居然没人认识它。心疼微软一秒钟。
说到这里大家对CSS百科辞典和产业布局也有所介绍了，他们总结下，通过本文你应该学到：
（1）CSS的产业发展历史。
（2）熟知产业布局的产业发展历史，以便对今后产业布局控制技术的产业发展有一个客观的判断，来选择是否学习。
通过本文的学习大家已经对CSS相关基础科学知识有所介绍，接下来他们就开始真正的进入控制技术的学习，大家是不是迫不及待了呢？
