1:基本概念：（容器和項目）
容器：采用flex布局的元素，稱為flex容器牙甫；
項目：容器中的所有子元素自動稱為容器的成員犁跪，稱為flex項目杨帽，簡稱‘項目’
2：作用在容器上面的6個屬性
flex-direction 屬性決定主軸的方向row | row-reverse | column | column-reverse
flex-wrap 如果一條軸線排不下如何布局nowrap | wrap | wrap-reverse
flex-flow flex-direction屬性和flex-wrap屬性的簡寫形式
justify-content 屬性定義了項目在主軸上的對齊方式
align-items 屬性定義項目在交叉軸上如何對齊
align-content 屬性定義了多根軸線的對齊方式。如果項目只有一根軸線悠反，該屬性不起作用
3:定義在項目上的六個屬性残黑；
order 屬性定義項目的排列順序馍佑。數(shù)值越小，排列越靠前梨水，默認為0
flex-grow 屬性定義項目的放大比例拭荤，默認為0，即如果存在剩余空間疫诽，也不放大
flex-shrink 屬性定義了項目的縮小比例舅世，默認為1，即如果空間不足奇徒，該項目將縮小
flex-basis 屬性定義了在分配多余空間之前雏亚，項目占據(jù)的主軸空間（main size）。瀏覽器根據(jù)這個屬性摩钙，計算主軸是否有多余空間罢低。它的默認值為auto，即項目的本來大小
flex 屬性是flex-grow, flex-shrink 和 flex-basis的簡寫胖笛，默認值為0 1 auto
align-self 屬性允許單個項目有與其他項目不一樣的對齊方式网持，可覆蓋align-items屬性
