flex-direction 主轴方向
justify-content 主轴上子元素的排列方式
align-items 侧轴 不换行 情况下子元素的排列方式
align-content 侧轴 换行 情况下子元素的排列方式
flex-wrap 子元素是否换行
flex-row flex-direction和flex-wrap的复合属性
flex 子元素占父元素剩余空间的份数
align-self 子元素自己在侧轴上的对齐方式
order 控制子元素的排列顺序,默认从0开始,可以设置成负数,就排到前面去了
em 相对于父元素字体的大小,例如父元素的字体是10px,那么5em,就说10*5=60px
rem 相对于根节点,也就是html标签所定义的字体大小。例如html标签定义的字体大小是12px,那么10rem,就是12*10=120px