Question

HTML5和CSS3的 margin和padding 是怎么样区分的？

<header>
<h1>Html5</h1>
</header>
header{ background: #ccc; padding: 20px;}
header h1 { margin: 0; }
这里面header里不加padding:20px;时为什么header里就没有颜色？
header和h1的margin和padding是相对谁的？请大神指教！谢谢！

Answer 1

背景颜色是包括边框border和内边距padding以及里面的内容的，如果你里面没有内容，而且也没有内边距，那么就没有颜色。

追问

大神，请问h1这个元素就是header的内容了？

追答

是的，标题

Answer 2

margin 是内边距
padding是外边距

追问

这个当然知道，麻烦仔细看一下问的问题，谢谢

Answer 3

因为你不加padding是header和h1之间没有内边距，他们之间没有间隙所以没有颜色，margin是h1的外边距，为0