Flex弹性盒子布局与帧动画基础知识点.pdfVIP

flex布局知识点：

1、justify-content在主轴（横轴）方向上的对齐方式:

1)flex-start:左对齐（默认值）

2）flex-end:右对齐

3)center:居中

4)space-ween:两端对齐

5)space-around:两侧间隔相等

2、align-items在交叉轴上的对齐方式

1)flex-start:起点对齐（上对齐）

2）flex-end:终点对齐（下对齐）

3)center:居中

4)streth:自适应（未设置高度的时候，占满整个高度）

帧动画（动画）：animation

所需要的必须值：

1、关键帧：@keyframes动画名{

}

2、动画时间

3、动画名称（和关键帧动画名相同）