首先CSS将所有的元素都看成一个盒子
盒子的组成:
- content ------ 内容区域
- padding ------ 内边距(边框与内容间的距离)
- border ------ 边框线
- margin ------ 外边距(盒子盒子间的距离)
这里着重说一下margin:
水平方向:margin-left : auto => 让target元素左边的margin占据尽可能多的空间,使元素靠右
margin : auto => 让target元素左右两边的margin都占据尽可能多的空间,就会各占一半,使元素居中