2014年12月31号，我的HTML笔记。

假如一个外框套着一个内框，它们之间的距离由外框的padding和内框的margin之和确定。

假如一个框下面邻着一个框，它们之间的距离由这两个框的margin-bottom和margin-top中较大的那一个确定。

在Firefox中，图片无论margin还是padding都是指图片外面的留白。图片的留白总是和外面的margin或padding相加。

在IE8中，只有margin是指图片外面的留白。和Firefox一样，图片的留白总是和外面的margin或padding相加。

一个元素就是一个盒子，内容（文本所在的区域）只是这个元素也就是这个盒子的一部分，还包括padding，border，margin，这些都是确实存在的。

盒子的另一种解释：

margin是透明的；

border从padding的外边缘向外围扩展，有自己的宽度，样式和颜色，也可以是透明的；

padding和内容区域是一样的颜色。

盒子的内容区域是不会变小的，添加padding，盒子扩大。