HTML5网格布局介绍

时间：2014-6-14

  网格是基本的设计元素,简单的网格自从中世纪时期就被书法家们所应用,自20世纪后半段又被广泛应用于排版网格.几年前,人们努力想把基于网格的设计带到网页设计中,通过添加一系列用float,padding和margin生成的框架来模拟印刷物.
  最近的浏览器已经可以实现本地的CSS网络而已系统了,它们可以提供一系列专门在屏幕上生成网格的属性,这也就意味着开发者再也不用从已有的属性和行为中去构造它们了,但在介绍新的网格语法之前,首先要解释一些风格而已模型的术语,即使是可以熟练使用网格的设计师,也建议您花点时间熟悉一下这些术语,因为这些在CSS网格里运用的术语和设计师之前用到术语还是有区别的.
  下面是模型中要用到的关键术语:
网格元素(Grid element)作为边界且设置网格尺寸的container元素;
网格项(Grid items)每个旋转在网格里的子元素都称为项;
网格线(Grid lines)行和列之间的分割线:这些线是概念性的