推荐一个练习flex的游戏：主要针对flex-direction、justify-content、align-items、order、align-self这些属性。
www.flexboxdefense.com/
包含三个属性：flex-grow + flex-shrink + flex-basis
flex-grow + flex-shrink 为无单位正值，使用单值或者双值语法时，省略时为1。
flex-basis 为有单位宽度值，使用单值或者双值语法时，省略时为0。
不赋值时，初始值为flex-grow：0， flex-shrink ：1，flex-basis ：auto。
单值语法：
无单位的数字：代表flex-grow。flex:number === flex:number 1 0;
有单位的：flex-basis。flex:width === flex-basis:width？？？？（确认一下）
其他：none，auto或initial
双值语法：
无单位number1（flex-grow）+number2或者wdith
flex:number1 number2 === flex ：number1 number2 0
flex:number1 width === flex ：number1 1 width
京公网安备 11010502036488号