[TOC]
# 1.盒子
## 1.1盒子的模型
* box-sizing:border-box;
設置padding,和border,它的寬度還是會保持不變
* box-sizing:content-box;(默認設置)
當設置padding和border時寬度會發生改變
## 1.2盒子模型的傳參
~~~
margin:0; //四個方向都改變
margin:0 10px; //top,bottom為0px;left,right為10px
margin:0 10px 20px; //top 0;left,right 10px;bottom 20px;
~~~
padding如上
~~~
//元素居中僅僅針對塊元素有效
margin-left:auto;
margin-right:auto;
~~~
## 1.3元素在盒子中的起始位置
從自身寬度的地方開始
