CSS3中常用属性（2）

1.框模型

       框模型（盒模型）是CSS中非常重要的概念，也是比较抽象的概念，它规定了元素框处理元素内容、内边距、边框和外边距的方式。

       元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边框是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。

（1）内、外边距的相关属性

1.设置内边距

padding：length：

• length:百分比或长度数值。百分比是基于父对象的宽度。
• pudding属性可以通过以下几种方式设置对象的内边距。

<style>
td{
	padding:5px    //设置单元格的内边距全部为5像素
	}
</style>

（2）设置外边距

外边距也就是对象与对象之间的距离，它可以通过margin属性进行设置。该属性可指定1~4个属性值，各属性值以空格分隔，margin的语法格式如下。

margin：auto | lenth

• auto：表示默认的外边距。
• length：百分比或长度数值。

margin属性可以通过以下几种方式设置对象的外边距：

• 提供4个属性值，分别用于按照上、右、下、左的顺序依次指定外边框：
• 只提供一个属性值，用于设置全部的外边框。
• 提供两个属性值，第一个用于设置上下外边距，第二个用于设置左右方向的外边距。
• 提供3个属性值，第一个用于设置上方的外边距，第二个用于设置左右方向的外边距、第三个用于设置下方的外边距。

  （3）边框

设置边框颜色：

border-color：属性值；