HTML学习小记4

所有的 HTML 元素本质上是小的矩形块，代表着某一小块区域。

有三个影响HTML元素布局的重要属性：padding(内边距)、margin(外边距)、border(边框)。

元素的 padding 控制元素内容 content和元素边框 border 之间的距离。使用 padding-top、padding-right、padding-bottom 和 padding-left来控制元素上右下左四个方向的 padding。或者集中起来指定它们：padding: 10px 20px 10px 20px;这四个值以顺时针方式排列：顶部、右侧、底部、左侧，简称：上右下左。

元素的外边距margin 控制元素边框 border 和元素实际所占空间的距离。如果将一个元素的 margin 设置为负值，元素将会变大。（使用 margin-top、margin-right、margin-bottom 和 margin-left 来控制元素上右下左四个方向的 margin。或者集中起来指定它们：margin: 10px 20px 10px 20px;这四个值以顺时针方式排列：顶部、右侧、底部、左侧，简称：上右下左。）