关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

html5网格布局介绍

作者:佚名   时间:2014-06-14   分享到:

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



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/hynews/20151126/n3347.html

上海联楷网络新闻