html - 无法加载资源 : the server responded with a status of 404:(NOT FOUND)

标签 html css

<分区>

下面是我的html代码片段

   <!DOCTYPE html>
  <html lang = "en">
  <head>
        <meta charset="UTF-8">
        <title>Learning D3</title>
       <!DOCTYPE html>
   <html lang = "en">
<head>
                            <meta charset="UTF-8">
                            <title>Learning D3</title>
                            <link rel = "stylesheet" href="css/main.css">
                            <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>

我在 Linux 上使用 Chromium 作为我的浏览器。没有为此页面加载我的 main.css 文件。它位于一个 css 文件夹中,我想我在我的 html 中正确引用了它。

 <link rel = "stylesheet" href="css/main.css">

此外,当我在 Chromium 的开发人员选项中检查源代码时,我确实看到了一个名为 css 的文件夹,其中包含 main.css。但是“main.css”显示为空。

我无法弄清楚这里似乎出了什么问题。提前致谢。

最佳答案

即使该代码段有一些无效的 html,我的 css 实现仅使用我的 html 文件中的代码段就可以正常工作。

首先您应该验证您的 html(如果不是粘贴错误)并删除多余的标签:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Learning D3</title>
        <link rel="stylesheet" href="css/main.css">
        <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
    </head>

然后确保 css/ 目录与您的 html 文件在同一目录中。

your-root-directory
├── css
│   └── main.css
├── your-html-file.html

也有可能您正在编辑错误的文件,这就是您的 css 为空的原因(有时当有多个同名文件时,我会遇到这种情况)。

关于html - 无法加载资源 : the server responded with a status of 404:(NOT FOUND),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38384828/

上一篇:css - 更正 Bootstrap 4 中导航栏链接的垂直对齐

下一篇:html - 如何使背景图像在加载时从灰度淡化为彩色?

相关文章:

javascript - Jquery Array 重复记录在 tr 迭代中

jquery - 设置列表项的宽度以填充无序列表

javascript - 如何在悬停时加载不同的图像

html - Eric Meyers Reset 上的 CSS 覆盖

html - 在较小的屏幕尺寸上重新排列不同列中的卡片

javascript - 使用 jquery 查找并聚焦第一个元素

html - 对齐下表中的两个并排 div

javascript - 这些js和css文件如何从我的元素中排除?

css - @font-face 声明中是否允许文本呈现?

jquery找到以前的li并更改css