css部分属性(flex,animation,transition,transform)总结

1.含义：（flexible box)意为弹性布局，相对于传统的盒子模型用来为盒状模型提供最大的灵活性。float,clear,vertical-align失效，没有行内，块级之分，都可以设置宽高

通过给父盒子添加flex属性，来控制子盒子的位置和排列方式

2.主要有两个要素：父盒子：容器，子盒子：元素（项目）。

3.对容器要写的属性：display：flex；//定义容器为伸缩布局

                                   主轴 交叉轴(侧轴) flex-direction:row/row-reverse（4-1）/column/column-reverse;//定义主轴方向，默认为row，元素是跟着主轴走的

                                    flex-wrap:nowrap/wrap/wrap-reverse;//是否换行，wrap第一行在最上面，wrap-reverson第一行在最下面，默认为nowrap，如果装不开，会缩小子盒子

                                    flex-flow:flex-direction flex-wrap;//是flex-direction，flex-wrap的简写形式，默认为row nowrap