CSS之边框

元素框的最内部分是实际的内容，直接包围内容的是内边距padding。内边距呈现元素背景。

边框以外是外边距maggin，外边距默认是透明的，不会遮挡其后的任何元素。

可以根据边缘是否需要同内元素颜色一致来判断选择那种边框。如果需要一个有区别的框，就选择magin；如果需要一个跟元素背景一样的框，选择padding。

提示：背景应用于由内容和内边距、边框组成的区域。

margin是用来隔开元素与元素的间距；padding是用来隔开元素与内容的间隔。margin用于布局分开元素使元素与元素互不相干；padding用于元素与内容之间的间隔，让内容（文字）与（包裹）元素之间有一段“呼吸距离”。

margin-top不生效的情况（margin打折）

解决办法：1.为父级设置padding；2.为父级设置border；3.为父级设置overflow：hidden；