CSS重置功能无法在我的计算机上运行,​​但正在使用codepen

时间:2017-12-04 09:22:28

标签: html css

我正在使用CSS重置,如下所示但是,它无法正常工作。

HTML

<!--Document type declaration-->
<!DOCTYPE html>

<head>
  <!--Linking to our CSS file-->
  <link rel="stylesheet" href="main.css">
  <!--Character encoding of the page-->
  <meta charset="utf-8">
  <title>Learning</title>
</head>

<body>
  <div class="introduction">
    <h1>H1 Text</h1>
    <h2>H2 Text</h2>
  </div>
</body>
</html>

CSS

<style>
/* CSS Reset */
* {
  margin: 0;
  padding: 0;
}

body {
  color: white;
}

.introduction {
  background-color: black;
}
</style>

Updated Image

我开始怀疑它是我的机器,因为CSS重置适用于CodePen。

感谢您查看这个愚蠢的问题。如果您需要更多信息,请不要犹豫,问我。

编辑: 我已将代码上传到Codepen,它运行正常。添加了新的截图。 https://codepen.io/anon/pen/xPBVLV

添加了我的HTML和CSS代码。

1 个答案:

答案 0 :(得分:0)

我发现了问题。

在CSS文件中

我不需要添加<style>。我可以把我的CSS代码写入CSS文件。

我很抱歉所有人,尤其是@Quentin,因为他们正在调查这个愚蠢的错误。