css
1.盒模型
頁面渲染時再扭，dom元素所采用的布局模型续捂。 可以通過box-sizing 進行設置阐滩。根據計算寬高的區(qū)域可分為：
content-box?(W3C 標準盒模型)
border-box?(IE 盒模型)
content-box:在標準模式下潦俺，一個塊的總寬度= width（content） + margin(左右) + padding(左右) + border(左右)
border-box:在怪異模式下碉怔，一個塊的總寬度= width + margin(左右)（即width已經包含了padding和border值）
2.居中布局
1.水平居中
(1)text-align:center;（水平居中的是div中的元素）
(2)display:flex; justify-content:center; （水平居中的是div中的元素）
(3)position:absolute; top:0; left:50%; transform:translate(-50%,0); （水平居中的是div）
(4)margin:0,auto; （水平居中的是div）
2.垂直居中
(1)line-height:height;（垂直居中的是div中的元素）
(2)display:flex; align-items:center;（垂直居中的是div中的元素）
(3)position:absolute;? top:50%;? left:0;? transform:translate(0,-50%); （垂直居中的是div）
3.水平垂直居中
(1)
