彈性盒
1膘茎、盒模型（box-sizing）：?標(biāo)準(zhǔn)盒模型（content-box）——
a宠叼、padding和border??計算方式：自身content+padding+border
實際content+padding+border+margin
怪異盒模型（border-box）——
b低葫、padding和border在盒子內(nèi)部??計算方式：自身content（padding和border）
實際大性踉浴：content+margin
2责循、彈性盒：概念display：flex——默認的主軸是X軸（主軸和側(cè)軸是對應(yīng)關(guān)系）
彈性盒環(huán)境下所有的標(biāo)簽都可以直接設(shè)置寬高大小
居中方式：margin：auto
切記：浮動不可用定位和盒模型可以正常使用
加在父級元素上的屬性——改變主軸的默認方向flex-direction：row\column
主軸上的對齊方式j(luò)ustify-content：flex-start/flex-end/center/space-between/space-around/space-evenly
側(cè)軸對齊方式align-items：flex-start/flex-end/center
換行屬性flex-wrap：wrap
行與行之間有間距align-content：flex-start/flex-end/center/space-between/space-around/space-evenly
加在子級元素上的屬性：側(cè)軸上的對齊方式控制單個元素align-self
排序優(yōu)先級order：數(shù)字——越大優(yōu)先級越高?越往后顯示
flex：1????占據(jù)主軸上剩下的空間?并且會隨著內(nèi)容進行撐開
