一,概述
css盒模型: Box Model
它规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。
二,内边距:padding
padding 属性定义元素边框与元素内容之间的空白区域。
特点:会改变元素本身大小
复合padding:
Padding: 40px; 上下左右
Padding: 40px 20px; 上下, 左右
Padding: 40px 20px 10px; 上,左右,下
Padding: 40px 30px 20px 10px; 上,右,下,左
三,外边距
>设置外边距会在元素外创建额外的“空白”。 可设负数
>当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并
>当一个元素包含在另一个元素中时(假设没有内边距或边框把外边距分隔开),它们的上和/或下外边距也会发生合并
>假设有一个空元素,它有外边距,但是没有边框或填充。在这种情况下,上外边距与下外边距就碰到了一起,它们会发生合并