CSS文件拒绝链接到HTML文件

Question

我对网页设计领域很陌生，但是，我遇到了一个让我感到难过的问题。我的CSS文件不会链接到我的HTML文件。我检查了一切（我想）。文件路径是相同的，我用正确的语法链接文件，但它仍然无法正常工作。我附上了一些照片，以帮助你们更好地理解我的问题。如果您需要更多信息，我很乐意提供。

第一个图像是我保存文件的文件夹。第二个是我用来链接HTML和CSS的语法。第三和第四个文件是我的编辑器的屏幕截图，文件路径位于顶部。 （是的，我知道CSS文件是空的。但由于它无法正常工作，我现在把它留空了）

Answer 1

如果CSS为空，你怎么知道它不起作用？

键入body { background-color: #f0f; }以测试它是否正常工作。

Answer 2

有时您需要强制浏览器使用最新的样式表。您可以通过在链接中添加查询字符串来实现此目的。

像这样：

<link rel="stylesheet" href="Joe.css?v=1.1" "type="text/css"/>

正如您所看到的，我在“Joe.css

之后添加了？v = 1.1

然后，每次在CSS文件中进行一些更改时，只需更改版本号。因此，在这种情况下，当您更新CSS文件时，您可以将数字更改为？v = 1.2，依此类推。通过这样做，您强制浏览器使用最新的CSS。

但请注意，您只应将此添加到链接中，而不是实际文件名Joe.css - 保持不变。

希望有所帮助！

Answer 3

您应该调试代码。

首先，将您的<link>标记替换为以下内容并查看其是否有效：

<style type="text/css">
    body { background-color: #000; }
</style>

如果您的背景颜色变为黑色 - 这是一个好兆头。 如果没有，你的脚本或浏览器出了问题。

---

接下来，使用以下内容替换上面的代码：

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

在与HTML脚本相同的目录中创建文件style.css ，并将以下代码放入其中：

body { background-color: #000; }

如果这不起作用，那么您的脚本或浏览器就会出现问题。

---

不过，请尝试清除浏览器缓存。

Answer 4

在Web浏览器中使用调试工具 - 在firefox中使用Firebug，或在IE中使用F12开发人员工具 - 查看您的网页正在加载什么CSS。

Answer 5

尝试使用语法：body { background-image: url("Joe-Image/Joe-logo.png");}并且您确定在html文件中添加了CSS吗？

Answer 6

试试这个：

<link href="./joe.css" rel="stylesheet" type="text/css" media="all" />

我插入了相对路径。你也可以试试这个：

<link href="./Joe.css" rel="stylesheet" type="text/css" media="all" /> 

大写j。也许您的Web服务器区分大小写？