css Grid布局 网格布局

什么是网格布局?网格是由一系列水平及垂直的线构成的以一种布局模式。根据网格,我们能够将设计元素进行排列,帮助我们设计一系列具有固定位置以及宽度的元素的页面,使我们的网站页面更加统一。一个网格通常具有许多的列(column)与行(row),以及行与行、列与列之间的间隙,这个间隙一般被称为沟槽(gutter)。容器属性Grid 布局的属性分成两类。一类定义在容器上面,称为容器属性;另一类定义在项目上面

- 阅读全文 -

css3 动画

transition (渐变动画)transition-property(变换的属性,即那种形式的变换:大小、位置、扭曲等)值为:noneall元素属性名(用,隔开)transition-duration(变换延续的时间)它是用来设置转换过程的持续时间,单位是s或者ms,默认值为0;transition-timing-function (变换的速率)ease:逐渐变慢(默认),等同于贝塞尔曲线(0

- 阅读全文 -