时间戳

首页 > 解决方案 > 文本未显示，背景颜色和文本颜色不同

html - 文本未显示，背景颜色和文本颜色不同

问题描述

body {
	background-color: black;
}

h1 {
	font-size: 1000px;
	font-color: white;
}

p1 (
	font-color: white;
)

运行代码时文本不会显示。我不知道我错过了什么，但它可能很小。另外，不，文本颜色与背景不同/

<!DOCTYPE html>
<html>

<head>

<title>Track Back Photography</title>
<link rel="stylesheet" style="text/css" href="trackback.css"/>
<script src="trackback.js" style="text/javascript"/>

</head>

<body>
<h1>About Me</h1>
  <p1>This is test text</p>

</body>

</html>

标签： htmlcss

解决方案

这里有几个问题：

1)<script>不应自闭。将其更改为<script src="trackback.js" style="text/javascript"></script>

2)p1不是有效的 HTML 元素。将其更改为p

3）您的 CSSp1 ( ... )也无效，因为这些括号应该是花括号。另外，将该选择器更改p为p { ... }

4）你有style你的脚本标签，你应该在type那里使用。

5）在你的CSS中使用color而不是。font-color

查看这个工作示例：

body {
  background-color: white;
}

h1 {
  font-size: 1000px;
  color: black;
}

p {
  color: black;
}
<!DOCTYPE html>
<html>
<head>
  <title>Track Back Photography</title>
  <link rel="stylesheet" style="text/css" href="trackback.css" />
  <script src="trackback.js" type="text/javascript"></script>

</head>
<body>
  <h1>About Me</h1>
  <p>This is test text</p>

</body>
</html>

推荐阅读