元素框的最内部分是实际的内容,直接包围内容的是内边距padding。内边距呈现元素背景。
边框以外是外边距maggin,外边距默认是透明的,不会遮挡其后的任何元素。
可以根据边缘是否需要同内元素颜色一致来判断选择那种边框。如果需要一个有区别的框,就选择magin;如果需要一个跟元素背景一样的框,选择padding。
提示:背景应用于由内容和内边距、边框组成的区域。
margin是用来隔开元素与元素的间距;padding是用来隔开元素与内容的间隔。margin用于布局分开元素使元素与元素互不相干;padding用于元素与内容之间的间隔,让内容(文字)与(包裹)元素之间有一段“呼吸距离”。
margin-top不生效的情况(margin打折)
解决办法:1.为父级设置padding;2.为父级设置border;3.为父级设置overflow:hidden;