我的标题不起作用,就像我给它一样
background: #XXXXXX
它不会仅仅填充整个标题的两边,当我添加宽度为90%且边距为0时,颜色会完全消失。
body{
font-family: Trebuchet, Arial, Helvetica;
font-size:15px;
line-height:1.5;
padding:0;
margin:0;
background-color:#0a1612
}
/* Global */
.container{
width:80%;
margin:auto;
overflow:hidden;
background:#c5c1c0
}
/* Header */
header {
background:#f7ce3e
width: 90%;
margin: 0 auto;
}
答案 0 :(得分:1)
在background:#f7ce3e
之后的标题部分; 分号丢失。这就是为什么所有的风格都没有被应用的原因。
这是固定的例子。
body{
font-family: Trebuchet, Arial, Helvetica;
font-size:15px;
line-height:1.5;
padding:0;
margin:0;
background-color:#0a1612;
}
/* Global */
.container{
width:80%;
margin:auto;
overflow:hidden;
background:#c5c1c0;
}
/* Header */
header {
background:#f7ce3e;
width: 90%;
margin: 0 auto;
padding: 0 5%;
}

<header> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repudiandae consectetur voluptas reiciendis officiis nisi, eius recusandae odio voluptatum quod modi aliquid iste distinctio accusamus placeat maiores quam possimus! Eius, animi. </header>
<div class="container">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis iste quam unde omnis ex debitis assumenda atque, quae voluptatibus temporibus. Ratione perspiciatis incidunt fuga laudantium magnam tempora eligendi nesciunt quis.</div>
&#13;