Question

我正在制作一个刽子手游戏。我正致力于设计一切。我在我的HTML中包含CSS重置，我认为它导致我的标签出错。就像我的H1标签现在没有工作。有什么想法吗？

H1标签应该使我的文字大而粗。然而，这是行不通的。我正在使用的链接样式表现在是空的。当我删除CSS重置链接时，H1然后正常工作。

＆＃13;

<!DOCTYPE html>
<html>
<head>
	<title>Hangman</title>
	<link rel="stylesheet" type="text/css" href="assets/css/reset.css">
	<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
		<div class="container" id="gamebox">
			<h1>Hang-Person</h1>
		</div>
</body>
<script src="assets/javascript/game.js"></script>
</html>

＆＃13;

Answer 1

最后一个脚本标记位于body标记之外。它应该在里面

Answer 2

请注意不重复 CSS中每个对象的相同属性。例：在 reset.css ：

body {
   margin: 0;
   text-align: center;
}

在 style.css ：

body {
   margin: 20px;
   text-align: justify;
}

这可能会导致浏览器混淆，我建议您只在一个样式表中进行CSS重置。你也可以在另一个中做到这一点，但它不会有效率。这里有通用CSS重置代码：

* {
    margin: 0;
    padding: 0;
}

在此之后，您可以为每个元素指定边距或填充，但它违反了 DRY （不要重复自己）原则。 CSS工作示例：

* {
    margin: 0;
    padding: 0;
}
.object1 {
    padding: 70px;
}

如果您发布CSS代码以获得更好的答案会更有帮助。最后但并非最不重要的是，最后一个<script src="assets/javascript/game.js"></script>标记应位于body标记内。

编辑：尝试使用通用CSS重置代码并保留链接的样式表。

CSS - 重置导致我的其他标签出错

2 个答案: