javascript - CSS 文件未正确链接

Question

所以我又开始深入研究 Web 开发，我想我应该从绝对基础开始。无论出于何种原因，我的样式表都没有链接，而我已经完成了，我相信，您应该如何正确地处理这个问题。如果我的所有文件都在主元素目录中，它可以正确链接并工作，但我有这样的结构:Project/resources/css(css 文件)、html(html 文件)、javascript(js 文件)和像这样指向 css 文件的链接:

<link rel="stylesheet" type="text/css" href="/resources/css/styles.css">

但由于某些原因，这根本行不通。如果我这样构建元素:Project/index.html, styles.css, script.js ，当我这样链接它时它会起作用:

<link rel="stylesheet" type="text/css" href="styles.css">

我认为我正确地链接了它，所以它对我来说意义不大。任何帮助，将不胜感激!注意:我查看了其他 Stack overflow 帖子，其中人们遇到了同样的问题，这就是为什么我认为我链接文件的方式是正确的

VS Code 中的结构:

Answer 1

使用完整的 URL:http://yourwebsite.com/resources/css/styles.css否则，检查您是否在根文件夹中(在浏览器中)例如。本地主机/文件夹/index.html在这种情况下，链接中的初始“/”将指向文件夹/资源，而不是根资源