盒子模型

   我们这里讨论的时w3c盒子模型，怎么样才算是选择了“标准 W3C 盒子模型”呢？很简单，就是在网页的顶部加上 DOCTYPE 声明。如果不加 DOCTYPE 声明，那么各个浏览器会根据自己的行为去理解网页，即 IE 浏览器会采用 IE 盒子模型去解释你的盒子，而 FF 会采用标准 W3C 盒子模型解释你的盒子，所以网页在不同的浏览器中就显示的不一样了。反之，如果加上了 DOCTYPE 声明，那么所有浏览器都会采用标准 W3C 盒子模型去解释你的盒子，网页就能在各个浏览器中显示一致了。

标准盒子模型图：

通过这张图相信大家就会很容易的指导margin，border，padding，和content表示的是什么意思了。

对于盒子模型的赋值情况，遵循顺时针的定义规则：即起始为上，上右下左。

于此同时也有一些简写情况：

2个值：前者表示上下，后者表示左右；

3个值：第一个值表示上，第二个值表示左右，第三个值表示下；

4个值：上右下左。