html - 为什么我的样式表不链接到索引?

标签 html css

无论出于何种原因,我的样式表都不会链接到索引文件。我已经为此工作了一段时间,但无法解决问题。语法看起来正确。

body {
  background-color: red;
  font-family: Arial;
}
<!DOCTYPE html>
<html lang = "en">
<meta charset="UTF-8">
<head>
  <title>Test</title>
  <link rel="stylesheet" type="style/css" href="style.css">
</head>

<body>
This is a test.
</body>

</head>

它在代码段中有效,但在我的浏览器中无效。我使用的是最新版本的 Chrome。 这是我的文件夹结构的图片。 enter image description here

最佳答案

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<h1>This is a test</h1>


</body>
</html>

尝试使用它总是有助于将它分解到最低限度。它不是样式/css :P

关于html - 为什么我的样式表不链接到索引?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50458140/

相关文章:

html - 如何使带有固定标题的表格可滚动?

html - Flexbox 将元素垂直对齐到导航栏的中心

html - 给div添加css背景

javascript - Jquery 无法在由 javascript 创建的表上运行

javascript - 什么时候使用javascript来调整内容高度?

javascript - 如何通过在 ASP.NET 中选择单选按钮来启用和禁用下拉列表

html - 左对齐和居中对齐 div 中的元素?

html - 如何在悬停时在图像上显示按钮

html - 如何垂直对齐表格和图像

html - Outlook 中的图像宽度太宽