HTML文件无法加载CSS文件,浏览器显示net::ERR_ABORTED 404,即使在同一目录中



我正在尝试创建一个简单的烧瓶应用程序,我是HTML和CSS的新手。我似乎无法将我的 CSS 文件链接到我的 HTML 文件并让它在我的网页上成功加载。我查看了其他线程无济于事,大多数评论都围绕文件结构,这对我来说似乎很好,所以我不知道问题是什么。我的 html 文件和 CSS 文件都在同一个目录中,在我的 HTML 文件中我有

<!DOCTYPE html>
<html>
<head>
<title>Welcome</title>
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<h1>Welcome</h1>
</body>
</html>> 

我的CSS文件确实被称为样式.css并且只包含

h1 {
color: blue;
text-align:center
}

我已经尝试了大约十几种其他组合href似乎都不起作用。

这是我从Github的文件结构的屏幕截图

这两个 HTML 和 CSS 文件位于"模板"目录中。

无论我如何更改文件结构,我都会收到错误:

GET http://127.0.0.1:5000/styles.css net::ERR_ABORTED 404 (NOT FOUND)

当我检查页面 http://127.0.0.1:5000/

不确定我是否犯了一些非常微不足道的错误,但任何帮助将不胜感激。

谢谢

如果两个文件位于同一目录中,则无法像./styles.css那样找到CSS文件。试试这个:

<!DOCTYPE html>
<html>
<head>
<title>Welcome</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Welcome</h1>
</body>
</html>

最新更新