网格布局 CSS为布局新增的一个模块。网格布局特性主要是针对于Web应用程序的开发者。可以用这个模块实现许多不同的布局。网络布局可以将应用程序分割成不同的空间，或者定义他们的大小、位置以及层级。
就像表格一样，网格布局可以让Web设计师根据元素按列或行对齐排列，但他和表格不同，网格布局没有内容结构，从而使各种布局不可能与表格一样。例如，一个网格布局中的子元素都可以定位自己的位置，这样他们可以重叠和类似元素定位。
此外，没有内容结构的网格布局有助于使用流体、调整顺序等技术管理或更改布局。通过结合CSS的媒体查询属性，可以控制网格布局容器和他们的子元素，使用页面的布局根据不同的设备和可用空间调整元素的显示风格与定位，而不需要去改变文档结构的本质内容。

网页布局：就是规定展现在我们浏览器页面上的所有元素的位置; 布局的好坏直观展现---该页面的给人感觉是不是美观明朗，深入底层则看在实现一个布局的效果时，你用个多少个dom元素，dom元素用的越多一定程度对于渲染的时间有影响，所以一个页面好的布局也可以优化渲染的。

布局就跟整理自己家一样！！