1、网格区域(grid-area)是一个逻辑空间，主要用来放置一个或多个网格单元格。

1、repeat()属性可以创建重复的网格轨道。这个适用于创建相等尺寸的网格项目和多个网格项目。

可以接受任何长度值，也接受 auto 值。auto 值允许网格轨道基于内容的尺寸拉伸或挤压。

1、通过display属性设置属性值为grid或inline-grid或者是subgrid就可以了。

2、这是使用CSS控制的，不是使用HTML控制的，同时还可以依赖于媒体查询根据不同的上下文得新定义布局。

1、flex的使用方法很简单，只需要将其display属性设置为flex就可以，也可以设置行内的flex。

1、传统布局方式就是通过盒模型，使用display属性（文档流布局）+position属性（定位布局）+float属性（浮动布局）。

常见的有：linear，ease，ease-in，ease-out，cubic-bezier(...) 等。

通常情况下，CSS 属性变化是立即生效的，新的属性值在超级短的时间内替换掉旧的属性值，然后浏览器重新绘制样式内容（可能是 reflow 或者 repaint）。大部分情况下会感觉样式变化突兀，而transition则可以添加顺滑的一个变化效果...

2、多行元素，最多的是使用 table-cell 的方式。子元素的表现形式和行内元素类似，子元素不能独占一行。