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

box盒子;Flex弹性盒子布局

简易特点：

1、Flex布局以后，子元素的float、clear和vertical-align属性将失效

2、行内元素也可以使用Flex布局。

3、响应式地实现各种页面布局

4、display：flex；;flex布局知识点：

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

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

2）flex-end:右对齐

3)center:居中

4)space-between:两端对齐

5)space-around:两侧间隔相等;2、align-items在交叉轴上的对齐方式

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

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

3)center:居中

4)streth:自适应（未设置高度的时候，占满整个高度）;;帧动画（动画）：animation

所需要的必须值：

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

}

2、动画时间

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

4、动画曲线：linear(匀速动画)