在HTML编码中使用外部CSS

我们的老师告诉我们，我们应该尝试放置一个外部CSS文件来编辑我的html程序，我尝试使用link标记，但是它不会影响任何内容。我不知道是我的HTML还是CSS出了问题。

在链接标记内，对 href 属性使用适当的标点符号

如下修改链接标签

<link rel="stylesheet" href="External.css">

您尚未关闭href属性，这就是为什么从第5行开始无法识别您的代码的原因。使用VsCode这样的文本编辑器可以在将来轻松检测到此类错误。

也许每个人都建议您检查一下路径。从您的代码中，我们怀疑css和html在同一目录下。我有一些代码供您参考。希望会有所帮助。

将以下文件放入一个目录并运行html

文件：index.html

<html>
<head>
<link rel="stylesheet" href="External.css">
</head>
<body>
<h1>test</h1>
</body>
</html>

文件：External.css

h1 {
  color: red;
}

您忘了像这样关闭“ External.css”。它将起作用。其他提示：确保html，css和js都在同一文件夹中。

相关问答