HTML5网格布局介绍

资讯中心 浏览: 42次

网格是基本的设计元素,简单的网格自从中世纪时期就被书法家们所应用,自20世纪后半段又被广泛应用于排版网格.几年前,人们努力想把基于网格的设计带到网页设计中,通过添加一系列用float,padding和margin生成的框架来模拟印刷物.

最近的浏览器已经可以实现本地的CSS网络而已系统了,它们可以提供一系列专门在屏幕上生成网格的属性,这也就意味着开发者再也不用从已有的属性和行为中去构造它们了,但在介绍新的网格语法之前,首先要解释一些风格而已模型的术语,即使是可以熟练使用网格的设计师,也建议您花点时间熟悉一下这些术语,因为这些在CSS网格里运用的术语和设计师之前用到术语还是有区别的.

下面是模型中要用到的关键术语:

网格元素(Grid element)作为边界且设置网格尺寸的container元素;

网格项(Grid items)每个旋转在网格里的子元素都称为项;

网格线(Grid lines)行和列之间的分割线:这些线是概念性的


返回列表
0 条评论

相关文档

更多

成功案例