2019-03-25盒子模型

盒子分为 内容区，内边距，边框，外边距

内容区指的是盒子中放置内容的区域，也就是元素

中的文本内容，子元素都是存在于内容区中的。

如果没有为元素设置内边距和边框，则内容区大小

默认和盒子大小是一致的。

通过width和height两个属性可以设置内容区的大 小。

width和height属性只适用于块

内边距顾名思义，内边距指的就是元素内容区与边框以内

的空间。

默认情况下width和height不包含padding的大小。

使用padding属性来设置元素的内边距。

边框可以在元素周围创建边框，边框是元素可见框的最外部。

外边距是元素边框与周围元素相距的空间。

使用margin属性可以设置外边距。

用法和padding类似，同样也提供了四个方向的  margin-top/right/bottom/left。

当将左右外边距设置为auto时，浏览器会将左右外

边距设置为相等，所以这行代码margin:0 auto可

以使元素居中。