Question

这是我的HTML代码

＆＃13;

body {
  font-family: verdana;
  background-color: green;
  background: url("https://dncache-mauganscorp.netdna-ssl.com/thumbseg/729/729951-bigthumbnail.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.center {
  margin: auto;
  width: 25%;
  padding: 10px;
}
.pc {
  text-align: center;
  color: white;
  font-size: 16px;
}
#pcr {
  text-align: center;
  color: white;
}
.red {
  style=" color: yellow: font-size: 25px"
}

＆＃13;

<!DOCTYPE html>
<html>
<head>
  <title>MANIDY</title>

  <body>
    <h1 class=pc> MANIDY </h1>
  </body>
</html>

＆＃13;

当我打开它时，屏幕只是白色，我使用这个模板来制作我的所有页面，它刚开始不起作用。

我使用chrome，我之前使用过这个来使我的其他网页只是我的模板。

Answer 1

因为您从未关闭<head>而忘记在网页正文中正确包装 pc 类。

此外，.red的CSS没有任何意义，它应该是：

.red {
    color: yellow;
    font-size: 25px;
 }

整码

body {
  font-family: verdana;
  background: green url("https://dncache-mauganscorp.netdna-ssl.com/thumbseg/729/729951-bigthumbnail.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.center {
  margin: auto;
  width: 25%;
  padding: 10px;
}
.pc {
  text-align: center;
  color: white;
  font-size: 16px;
}
#pcr {
  text-align: center;
  color: white;
}
.red {
  color: yellow;
  font-size: 25px;
}

<!DOCTYPE html>
<html>

<head>
  <title>MANIDY</title>
</head>

<body>

  <h1 class="pc">MANIDY</h1>

</body>

</html>

为什么我的HTML无效

1 个答案: