CSS学习04-盒子模型

一、什么是盒子模型
盒子模型 (Box Model) 规定了元素框处理元素内容、内边距、边框和外边距的方式。
二、标准盒子模型和IE盒子模型

元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。内边距、边框和外边距都是可选的，默认值是零。
在 CSS 中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的尺寸。
内外边距的设置方式：
外边距:
margin：a px b px c px d px；上 右 下 左
margin：a px； 上下左右四个方向外边距都是a px
margin：a px b px； 上下外边距是a，左右外边距是b
margin： 0px auto；上下外边距是0，左右外边距是自动
margin-left：a px；左边距是a
margin-right：b px；右边距是b
margin-top：c px；上边距是c
margin-bottom：d px； 下边距是d
内边距设置方式同外边距相同。