1

我正在尝试从 CodeAcademy 复制构建您自己的简历项目，但在设置标题样式时遇到了一些问题。出于某种原因，它只会将我想要的背景颜色放在我的 h1 和 h2 标签周围，而不是放在我的 dl 标签周围。此外，我包含的 twitter 引导链接在我的页面上也不起作用。对于这两个问题的任何帮助将不胜感激！

这是我的 HTML：

<!DOCTYPE html>
<html>
  <head>
    <title>
       Parker Preyer's Resume
    </title>
    <link rel="stylesheet"href="style.css" />
    <link rel="stylesheet"    href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" />
  </head>
  <body>
    <div class="header">
            <h1>
                          Parker J. Preyer
                        </h1>
            <h2>
                          "I'm learning how to design websites!"
                       </h2>

            <dl>
            <dt>
                          Email
                        </dt>
            <dd>
                          Parker.preyer1@gmail.com
                       </dd>

            <dt>
                          Phone
                        </dt>
                <dd>
                          919-740-4206
                        </dd>

            <dt>
                          Address
                        </dt>
            <dd>
                          1042 Clay Street, San Francisco, CA
                        </dd>
          </dl>
    </div>

  </body> 
</html>



Here is my CSS: 


body, .details {
    background: #ccc;
}

.header {
    background: #222;
    color: white;
}

dl dd {
    color:white;
}

.header h1 {
    font-size: 42px;
}

.header h2 {
      font-family: "Georgia", Serif;      
      font-weight: normal;
      font-style: italic;
      color: #666;
}
4

1 回答 1

2

首先，我将从你如何调用你的 css 文件开始，它应该是这样的

<link rel="stylesheet"  href="style.css" />
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" />

并不是

<link rel="stylesheet"href="style.css" />
<link rel="stylesheet"    href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" />

然后我会通过执行以下操作将背景颜色添加到您的 dl

dl {
    background: red; /* or whatever colour you need */
    }
于 2012-05-10T18:39:37.557 回答