CSS——盒子模型

首先CSS将所有的元素都看成一个盒子

盒子的组成：

• content —— 内容区域
• padding —— 内边距（边框与内容间的距离）
• border —— 边框线
• margin —— 外边距（盒子盒子间的距离）

这里着重说一下margin:

水平方向：margin-left : auto => 让target元素左边的margin占据尽可能多的空间，使元素靠右

                  margin : auto => 让target元素左右两边的margin都占据尽可能多的空间，就会各占一半，使元素居中