第五章 外边距与被编边距属性

外边距与内边距
可以设置元素周围的边界宽度

.0

.0.1内容区
内容区是盒子模型的中心，内容可以是文本，图片等多种类型，
内容区是盒子模型必备的组成成分，其他三部分都是可选的
内容区有三个属性width，height，overflow，使用width和height属性可以指定内容区的高度和宽度，其指可以是长度或者百分比

.0.2内边距
内边距是内容区和边框之间的空间，可以被看做是内容区的背景区域。
内边距的属性有五种，即padding-top,padding-bottom,padding-left,padding-right以及综合了以上四种方向的快捷内边距属性padding。
使用这五种可指定内容区与各方向边框间的距离。同时对盒子背景属性的设置可使内边距部分呈现不同颜色，起到变色效果。

.0.3边框
边框的属性有border-style，border-width，border-color以及综合以上属性的快捷边框属性border

.0.4外边距
外边距位于盒子的最外围，不是一条边线而是添加在边框外面的空间，即一定的空格，
有五种，margin-top，margin-bottom，margin-left,margin-right以及综合以上四种的快捷方式nmargin,具体设置与内边距属性类似

.1上边距margin-top

margin-top:边取值
取值范围
长度值相当于设置顶端的绝对距值，包括数字和单位
百分比是设置相当于上级元素的宽度的百分比，允许使用负值
auto是自动取值，即元素的默认值

.2其他边距值margin-bottom，margin-left，margin-right，

.3外边距复合属性margin
外边距复合属性为对4个边距设置的 略写
margin:长度值 | 百分比 | auto
margin:的值可以取1到4个，如果只设置1各值，则应用与所有的4个边界，如果设置2到3个值，则省略的值与对边相等则按照上下左右的顺序分别对应其边距
如margin:10pt,30px,10px,20px

.4顶端内边距padding-top
顶边距属性padding-top用于设置上边框和选择内容之间的间隔

.5其他内边距padding-bottom,padding-left,padding-right

.6内边距复合属性padding
padding:长度值 | 百分比