笔记0.4

1.box-sizing：border-box 文字适应边框大小
2.flex布局
display：flex
flex-direction：row-reverse 主轴反
flex-direction：column 负轴
flex-direction：column-reverse 负轴反
flex-wrap：wrap；
允许 弹性盒子进行换行
justify-content：center；
justify-content：end；
justify-content：space-around；
justify-content：space-between；
align-items：center
align-content：space-around；交叉轴对齐
align-self：调自己
3.order：0：调整位置1为后
4.flex-grow：1； 平分
flex-shrink：0；取消调整
5.grid布局
display：grid；
grid-template-columns:1fr 1fr 1fr 平均分
grid-template-columns:repeat（3，1fr）；
grid-template-row： 设大小
gap：  px 间隔
grid-row：1/3  跨两行 1+2=3
grid-column：1/3