gpt4 book ai didi

html - CSS、HTML 和 DIV ID

转载 作者:太空宇宙 更新时间:2023-11-03 19:50:56 25 4
gpt4 key购买 nike

我正在做一个示例网页,但结果并没有像我计划的那样出现。应该发生的是应该显示一个黑色矩形标题框。我会给你示例代码。

HTML代码/learningcss.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<link href="div.css" rel="stylesheet" type="text/css"
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>CSS Tutorial 1</title>
</head>

<p>
We are creating this page to see how to make a better looking website.
</p>

<p>
We are creating this page to see how to make a better looking website.
</p>

<div id="header">
This is a paragraph
</div id="header">

<body>

<div id="column 2">
<h1>The Header</h1>
</div>

<div id="Column 2">
This is a basic CSS<br>
<br>
Tokyo<br>
</div>

<div id="Column 3">
<h1><a href="<a href="http://gymforgeeks.userecho.com/http://gymforgeeks.userecho.com/">
This is GymForGeeks
</h1>
<p>
This is just a sample page using CSS.
</p>
<p>
Yet another sample text content.
</p>
</div>

<div id="footer">
Copyright Queensborough
</div>

</body>
<body>
<footer>
<p>Posted by: Mike</p>
<p>This is a test: <a href="mailto:someone@example.com">
someone@example.com</a>.</p>
</footer>
</body>

</html>

div.css

#Header {

background:#000;
height:100px
}
#header {
color: white
}

最佳答案

您必须只用 </div> 关闭一个打开的 div不是</div id="header">

CSS 区分大小写,因此您必须使用#header 而不是#Header

你可以结合这两个定义:

#header {
background:#000;
height:100px;
color: white;
}

希望我能帮上一点忙。

我进一步清理了你的烂摊子: http://codepen.io/anon/pen/qacAg

解释:

  • 在您关闭 </head> 之后你必须打开一个<body>
  • 这是有效链接的样子:<a href="www.target.com">TEXT</a>
  • 你应该只对独特的区域或 div 使用 id 而不是多次 - 使用类代替 <div class="THECLASS">THE CONTENT</div>
  • 不要在类或 ID 名称中使用空格,否则会创建多个类

关于html - CSS、HTML 和 DIV ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26366512/

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