当我没有设置CSS / HTML时，h1标签上出现背景颜色

Question

我尝试在标头h1标记中添加div标记，但是当我没有在css中设置它时，背景颜色会一直显示，我无法弄清楚为什么和如何删除它。

<div id="header_top">
    <h1>Some Text</h1>
</div>
<div id="navbar_top"></div>
<div id="wrapper">
    <div id="main_content"></div>
    <div id="side_bar"></div>
    <div id="footer"></div>
</div>

* {
    margin: 0px;
    padding: 0px;
    background-color: #0F1012;
}
#wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    height: 700px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 2px solid red;
}
#header_top {
    background-color: #222325;
    height: 60px;
    border-bottom:1px solid #0F1012;
}
#header_top h1 {
    color: white;
}
#navbar_top {
    background-color: #222325;
    height: 55px;
    border-bottom: 1px solid green;
}

Fiddle

Answer 1

您有以下代码：

* {
    margin: 0px;
    padding: 0px;
    background-color: #0F1012;
}

这基本上设置了页面上每个元素的背景。包含您的h1代码。 删除background-color，你应该没事。

Answer 2

我不太清楚你是什么意思。但可能你必须改变它：

* {
        margin: 0px;
        padding: 0px;
        background-color: #0F1012;
}

到此：

body {
        margin: 0px;
        padding: 0px;
        background-color: #0F1012;
}

这是jsfiddle link。