1. css 盒子模型（box model）

盒模型允许我们在其他元素盒周围边框之间的空间放元素;

2. 举一个例子：

<button style='margin:10px;padding:10px;border:soild red 2px;width:70px;>这是</button>

3、W3C盒子模型（标准盒子模型）和IE盒子模型（怪异盒模型）

.box{
  width:200px;
  height:200px;
  border:20px solid black;
  padding:50px;
  margin:50px;
 }

.box{
  width:200px;
  height:200px;
  border:20px soild black;
  padding:50px;
  margin:50px;
 }

4. 怪异盒模型和标准和模型的兼容性问题：

5. css 指定盒子模型的种类：

box-sizing属性可以指定盒子模型种类：content-box指定盒子模型为W3C（标准和模型），border-box为IE盒子模型（怪异盒模型）