CSS：说一下CSS盒模型（*****五颗星）

1.css盒模型：

用来装页面上的元素的矩形区域。

本质是一个盒子，封装周围的HTML元素，他包括：边距margin、边框border、填充padding和实际内容content。

标准盒模型：

一个块（元素）的总宽度=width+margin（左右）+padding（左右）+border（左右）

怪异盒模型：

一个块（元素）的总宽度=width+margin（左右）（即width已经包含了padding和border值）

如何设置：box-sizing：border-box。

2.盒子模型有几种模式？

W3C标准盒子模型和IE盒子模型

详细介绍如下：

W3C标准盒子模型

标准模式下，一个块的宽度 = width+padding(内边距)+border(边框)+margin(外边距)；

W3C模型中：

　　　　　　CSS中的宽（width）=内容（content）的宽

　　　　　　CSS中的高（height）=内容（content）的高

IE盒子模型

怪异模式下，一个块的宽度 = width+margin(外边距) （即怪异模式下，width包含了border以及padding）。

IE模型中：

　　　　　　CSS中的宽（width）=内容（content）的宽+（