flex 父元素设置
display: flex
flex-direction: row | column | row-reverse | column-reverse
flex-wrap: wrap | no-wrap | wrap-reverse
flex-flow: column no-wrap
justify-content: center | space-between
align-item: center | flex-start | flex-end | space-between
align-content: center 针对子元素多行
flex 子元素设置
flex: 1 1 auto
是否放大 是都缩小 是否分配多余宽度（可以固定宽度）
盒子模型
margin + border + padding + width
let /const 暂时性死区
let /const 声明的变量会在作用域被创建，但是还没有进行词法绑定，从运行流程到作用域被创建，到变量可以被访问的时间称为暂时性死区