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 に答える