Question

我参加了关于CSS3和HTML5的课程，我遇到了一些麻烦：我的CSS文件夹并没有位于正确的位置......或者其他什么。我不知道发生了什么，但经过几个小时的乱搞后，我进入了inspect元素工具，注意到一些文件没有加载，所以这就是为什么我的CSS不是＆为什么？＃39;工作！我附上了一张图片，你能告诉我这是什么意思吗？

另外，我的CSS文件应该在哪里？我使用bootstrap和sublime文本。

提前致谢。

嗯，那个图像上的nvm。它说我需要10个学分......

在检查元素中说：

无法加载资源：net :: ERR_FILE_NOT_FOUND

Answer 1

可以从相对于调用它们的文档的路径调用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文件最终位于正确的目录中。

Answer 2

在获取目录路径的sublime文本中，如果您的sublime中已经安装了包控件，请安装一个名为Auto File Name的包，google包控件并安装在您的sublime编辑器中，自动文件名可以让您顺利进行在您的目录路径中并调用您的文件。

Answer 3

之前我遇到过同样的问题。外部样式表没有被识别!!

Failed to load resource: net::ERR_FILE_NOT_FOUND

如果你的HTML在根目录中，而你的CSS文件夹也在根目录中，那么你的链接就不正确了。你不应该在文件名前面加斜线/。

尝试：

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

see this

我的CSS文件和JS也出错了。我不知道他们的意思

3 个答案: