我对网页设计领域还很陌生，但是，我遇到了一个让我很困惑的问题。我的 CSS 文件不会与我的 HTML 文件链接。我已经检查了一切（我认为）。文件路径相同，我用正确的语法链接了文件，但它仍然无法正常工作。我附上了一些照片，以帮助你们更好地了解我的问题。如果您需要更多信息，我很乐意提供。
第一张图片是我保存文件的文件夹。第二张是我用来链接 HTML 和 CSS 的语法。第三个和第四个文件是我的编辑器的截图，文件路径在上面。（是的，我知道 CSS 文件是空的。但由于它不能正常工作，我暂时将其留空）
问问题
258 次
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 回答