css零碎知识：css盒模型

一，概述

css盒模型： Box Model

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

二，内边距：padding

padding 属性定义元素边框与元素内容之间的空白区域。
特点：会改变元素本身大小

复合padding：

Padding: 40px;     上下左右
Padding: 40px 20px;    上下， 左右
Padding: 40px 20px 10px;    上，左右，下

Padding: 40px 30px 20px 10px;    上，右，下，左

三，外边距

 

 

>设置外边距会在元素外创建额外的“空白”。 可设负数

>当一个元素出现在另一个元素上面时，第一个元素的下外边距与第二个元素的上外边距会发生合并

>当一个元素包含在另一个元素中时（假设没有内边距或边框把外边距分隔开），它们的上和/或下外边距也会发生合并

 

>假设有一个空元素，它有外边距，但是没有边框或填充。在这种情况下，上外边距与下外边距就碰到了一起，它们会发生合并