洲_

- 水平方向从右到左排布, 可以使用direction - 垂直方向排布, 可以使用writing-mode - 都会导致线的顺序和方向发生改变, 在使用的时候需要注意一下

对齐元素到块轴align-items和align-self,对齐网格轨道到块轴align-content 对齐元素到行轴justify-items和x-self,对齐网格轨道到行轴x-content

grid-template-rows和grid-auto-rows设置行的大小 按列自动定位(改变排列的方向), grid-auto-flow默认值为row, 可以改为column

在定义网格时可以同时定义网格线, 这样通过使用 `[]`的形式, 可以定义网格线的名称, 设置多个名称, 可以用空格分割. 可以形成隐式的网格区域, grid

使用 grid-area 属性命名网格项目，然后在 grid-template-areas 属性中引用该名称

grid-column(row)-start 和 grid-column(row)-end 使用, 和简写形式 (grid-area | grid-column和grid-row)

CSS网格布局的基本概念，包括网格容器和网格轨道的设定，以及使用`fr`单位和`repeat()`、`minmax()`等函数来定义灵活的网格轨道

CSS 弹性盒布局, 子容器(项目容器), flex-grow 放大比例, flex-shrink 收缩比例, flex-basis 初始值, order 排序, align-self 单个对齐方式

CSS 弹性盒布局, display: flex, flex-direction主轴, flex-wrap换行, gap间隔(column-gap row-gap)和不同类型的对齐方式