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 聲明的變量會在作用域被創建，但是還沒有進行詞法綁定，從運行流程到作用域被創建，到變量可以被訪問的時間稱爲暫時性死區