盒子分为 内容区，内边距，边框，外边距
内容区指的是盒子中放置内容的区域，也就是元素
中的文本内容，子元素都是存在于内容区中的。
如果没有为元素设置内边距和边框，则内容区大小
默认和盒子大小是一致的。
通过width和height两个属性可以设置内容区的大 小。
width和height属性只适用于块
内边距顾名思义，内边距指的就是元素内容区与边框以内
的空间。
默认情况下width和height不包含padding的大小。
使用padding属性来设置元素的内边距。
边框可以在元素周围创建边框，边框是元素可见框的最外部。
外边距是元素边框与周围元素相距的空间。
使用margin属性可以设置外边距。
用法和padding类似，同样也提供了四个方向的 margin-top/right/bottom/left。
当将左右外边距设置为auto时，浏览器会将左右外
边距设置为相等，所以这行代码margin:0 auto可
以使元素居中。
