Question

以下是我的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上使用chrome作为我的浏览器。我的main.css文件没有为此页面加载。它位于一个css文件夹中，我想我在我的html中正确引用它。

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

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

我无法弄清楚这里出现了什么问题。谢谢。

Answer 1

即使该代码段有一些无效的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为空的原因（有时当有多个同名文件时，我会发生这种情况）。

无法加载资源：服务器响应状态为404 :(未找到）

1 个答案: