3

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

第一张图片是我保存文件的文件夹。第二张是我用来链接 HTML 和 CSS 的语法。第三个和第四个文件是我的编辑器的截图，文件路径在上面。（是的，我知道 CSS 文件是空的。但由于它不能正常工作，我暂时将其留空）

这是我保存文件的地方。

这是我用来链接文件的语法。

我的 HTML 上的文件路径。

我的 CSS 上的文件路径。

4

6 回答 6

4

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

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

于 2012-07-19T14:56:30.847 回答
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 - 保持不变。

希望有帮助！

于 2012-07-19T15:49:25.250 回答
1

你应该调试你的代码。

首先，将您的<link>标签替换为以下内容，看看它是否有效：

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

如果您的背景颜色变为黑色 - 这是一个好兆头。如果不是，则说明您的脚本或浏览器有问题。

接下来，将上面的代码替换为以下内容：

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

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

body { background-color: #000; }

如果这不起作用，则说明您的脚本或浏览器有问题。

顺便说一句，尝试清除您的浏览器缓存。

于 2012-07-19T15:07:03.547 回答
0

使用 Web 浏览器中的调试工具（例如 firefox 中的 Firebug 或 IE 中的 F12 开发人员工具）来查看您的网页正在加载哪些 CSS。

于 2012-07-19T15:00:56.250 回答
0

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

于 2012-07-19T15:03:20.960 回答
0

试试这个：

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

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

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

带大写 j。也许您的网络服务器区分大小写？

于 2012-07-19T15:23:28.097 回答