gpt4 book ai didi

html - Twitter Bootstrap 和格式化 CSS 中的 header 类

转载 作者:行者123 更新时间:2023-11-28 13:33:53 25 4
gpt4 key购买 nike

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

这是我的 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;
}

最佳答案

首先我会从你如何调用你的 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 */
}

关于html - Twitter Bootstrap 和格式化 CSS 中的 header 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10540089/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com