我正在学习一门关于CSS3和HTML5的课程，我遇到了一些麻烦：我的CSS文件夹不在正确的位置......或者别的什么地方。我不知道发生了什么事，但是经过几个小时的折腾，我进入了元素检查工具，注意到一些文件没有加载，所以这就是为什么我的CSS不工作！我附加了一张图片，你能告诉我这是什么意思吗？还有，我的CSS文件应该放在哪里？我用的是 Bootstrap 和崇高文本。先谢了。嗯，图像上有nvm显示。我需要10个信用点......它在检查元素中表示：加载资源失败：网络：：未找到错误文件
bt1cpqcv1#
CSS文件可以从调用它们的文档的相对路径调用。例如，假设你有一个文件夹目录，如下所示：
/(your root directory) -css -bootstrap app.css -img -js index.html -pages pageone.html
...您的css链接在您的索引应该看起来像这样：
<link rel="stylesheet" href="css/bootstrap/app.css" />
而pageone.html的链接看起来像这样：
<link rel="stylesheet" href="../css/bootstrap/app.css" />
../通知服务器在调用文件正上方的目录中查找链接中描述的路径使用Bootstrap时，您使用的是CSS、LESS还是SCSS？如果您使用的是预编译器，请检查预编译器的设置文件，以确保编译后的css文件位于正确的目录中。
../
wgeznvg72#
在崇高文本获取目录路径请安装一个软件包称为自动文件名，如果你有一个软件包控制已经安装在你的崇高如果没有，谷歌软件包控制和安装在你的崇高编辑器，自动文件名让你很好地在你的目录路径和调用你的文件。
hm2xizp93#
我以前也遇到过同样的问题。外部样式表没有被识别！！
Failed to load resource: net::ERR_FILE_NOT_FOUND
如果你的HTML文件夹在根目录下，而CSS文件夹也在根目录下，那么你的链接就不正确，你不应该在文件名前面加上斜杠/。尝试：
<link rel="stylesheet" href="css/style.css" type="text/css">
see this
wqlqzqxt4#
当你构建react项目时，文件的链接看起来像这样：<link href="/static/css/main.5b4fdda8.css" rel="stylesheet">在static之前的href中有一个额外的/，它也会出现在你的链接中，你只需要像这样删除它：
<link href="/static/css/main.5b4fdda8.css" rel="stylesheet">
<link href="static/css/main.5b4fdda8.css" rel="stylesheet">
现在你可以走了。您可以查看这篇文章了解详细信息：
https://teamtreehouse.com/community/external-stylesheets-not-found
4条答案
按热度按时间bt1cpqcv1#
CSS文件可以从调用它们的文档的相对路径调用。例如，假设你有一个文件夹目录，如下所示：
...您的css链接在您的索引应该看起来像这样：
而pageone.html的链接看起来像这样：
../通知服务器在调用文件正上方的目录中查找链接中描述的路径使用Bootstrap时，您使用的是CSS、LESS还是SCSS？如果您使用的是预编译器，请检查预编译器的设置文件，以确保编译后的css文件位于正确的目录中。
wgeznvg72#
在崇高文本获取目录路径请安装一个软件包称为自动文件名，如果你有一个软件包控制已经安装在你的崇高如果没有，谷歌软件包控制和安装在你的崇高编辑器，自动文件名让你很好地在你的目录路径和调用你的文件。
hm2xizp93#
我以前也遇到过同样的问题。外部样式表没有被识别！！
如果你的HTML文件夹在根目录下，而CSS文件夹也在根目录下，那么你的链接就不正确，你不应该在文件名前面加上斜杠/。
尝试：
see this
wqlqzqxt4#
当你构建react项目时，文件的链接看起来像这样：
<link href="/static/css/main.5b4fdda8.css" rel="stylesheet">在static之前的href中有一个额外的/，它也会出现在你的链接中，你只需要像这样删除它：现在你可以走了。
您可以查看这篇文章了解详细信息：