【问题标题】:Why are my CSS files not linking to my HTML files?为什么我的 CSS 文件没有链接到我的 HTML 文件?
【发布时间】:2020-10-15 20:15:17
【问题描述】:

我目前面临无法将我的 CSS 文件链接到位于同一文件夹中的 HTML 文件的问题。大约一年前,我做了一个项目,我使用 HTML 和 CSS 构建了一个简单的网站。现在,当我从 Google Drive 下载文件夹并尝试使用 Chrome 打开 HTML 文件时,我发现 CSS 效果未应用。但是,回到文件夹打开和关闭相应的CSS文件后,当我再次尝试打开HTML文件时,就会显示CSS效果。我不知道为什么会这样,但有人知道吗?我有一个名为 snappers 的文件夹,在该文件夹中,我有三个不同的文件夹,一个存储 HTML 文件,一个存储 CSS 文件,一个存储用于网站的图像。

【问题讨论】:

  • 我建议打开网络检查器并查找错误或网络连接失败。您可能能够找到有关为什么它没有加载的信息。在 Safari 中,Console 选项卡会显示错误,而 Network / Sources 选项卡也可能会显示失败的请求。
  • 您能否将 html 和 css 复制并粘贴到您的问题中?它将帮助我们了解问题可能是什么。
  • @EzekielElin 好的。我会试试谢谢!
  • @DylanLandry 我不认为代码本身会导致问题。一旦我从文件夹中一一打开所有文件,一切都会完美运行。
  • 查看实际代码可能会有所帮助的原因是诊断文件之间的实际链接。我们可以看到您的 href 相对于您的文件夹结构所指向的位置。

标签: html css


【解决方案1】:

根据您的文件夹结构,您必须向上一个目录才能访问 css 文件夹:

"../css-folder/css-file.css"

【讨论】:

  • 感谢您的回答。我到底需要做哪些改变?实际上,不仅是 CSS 文件导致问题,所有指向网站其他页面的内部超链接也不起作用,除非我从文件夹中一一打开各个 HTML 文件并重试。
猜你喜欢
  • 2022-01-25
  • 1970-01-01
  • 2020-10-27
  • 1970-01-01
  • 1970-01-01
  • 2019-12-07
  • 2017-11-22
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多