CSS框模型

CSS框模规定了元素框处理元素内容、内边距、边框、外边距的方式。

CSS padding属性：定义元素的内边距。（元素的内边距位于边框和内容区之间）

padding-top：上

padding-right：右

padding-bottom：下

padding-left：左

设置元素的内边距。可以使用数值或百分比。

CSS border属性：规定边框的样式、宽度和颜色。（围绕元素内容和内边距的一条或多条线）

border-top

border-right

boder-bottom

border-left

设置边框的样式(border-style)、边框的宽度(border-width)、边框的颜色(border-color)。同时，可以单独设置各个边框的样式、宽度、颜色。

CSS margin属性：设置元素外创建的空白。（围绕元素边框的空白区域）

margin-top

margin-right

margin-bottom

margin-left

设置元素的外边距。可以使用数值或百分比。

CSS外边距的合并是指，当两个垂直外边距相遇时，它们将形成一个外边框。合并后的外边距的高度等于两个发生合并的外边距的高度重较大的一个。