聊聊 CSS 中的布局模式

一、聊聊 CSS 中的布局模式

在大家的印象中，CSS 非常的简单，在此我想再强调一下，虽然 CSS 简单，但并不代表容易。随着 Web 技术的发展飞快，CSS 经过二十多年的发展，其变化也是非常的大。

CSS 涵盖的技术点也非常的多，其中的每一个点都足够我们发很多的时间去探讨。今天我们就一起来聊聊 CSS 中的布局模式，因为在任何的 Web 网站和 Web 应用都离不开布局。

对于众多的布局模式，我们应该怎样给 Web 产品选择最适合的布局模式呢？希望这篇文章对大家了解或者给 Web 产品选择布局模式有所帮助。

二、Web 的演化路程

在互联网的演化过程中，Web 网站（网页制作）是 Web 1.0 时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

随着网页从学术机构走向公众社会，网页承载的功能便超出了学术范围而变得愈加丰富，因此早期网页的局限性也逐渐显露出来。

2005 年以后，互联网进入了 Web 2.0 时代，各种类似桌面软件的 Web 应用大量涌现，网站的前端也由此发生了翻天覆地的变化。

网页也不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更多好的使用体验，这些都是基于前端技术实现。

技术发展日新月异，现在业内人员开始提出 Web 3.0 的概念。