当 CSS 文件位于上层目录时，如何将 HTML 页面链接到 CSS 文件？答案

【问题标题】：How to link a HTML page to a CSS file when the CSS file is in an upper directory?当 CSS 文件位于上层目录时，如何将 HTML 页面链接到 CSS 文件？
【发布时间】：2014-10-31 18:51:31
【问题描述】：

我的问题是：由于我的网站存在一些组织问题，因此我想将我的文件安排为更好的分类。

现在，文件夹树看起来像：

万维网
- 资源
  - 图片
    - ...
  - CSS
    - design.css
- 我的页面1
  - index.html
- 我的页面2
  - index.html
- index.html

现在我不知道如何将 css 文件链接到存储在“mypage1”文件夹等文件夹中的页面。从我的 C: 驱动器开始，一旦联机就会产生路径错误，我也尝试了“每个文件夹中 css 文件的快捷方式”解决方案，但我认为有更好的方法可以继续。需要帮助！

再次感谢！

【问题讨论】：

看看这个ABSOLUTE VS. RELATIVE PATHS/LINKS

标签： html css directory

【解决方案1】：

你可以使用：

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

.. 将位于目录顶部。由于 html 文件位于一个目录中（如mypage1），因此它将转到父目录，即www。然后接下来应该做的是将目录路径传递给您的 CSS 文件，在您的情况下是 /ressources/css/design.css。

【讨论】：

最后，我使用了所有文件的相对路径（“/ressources/css/design.css”）。 “..”有时有一个奇怪的行为，比如把我发送到不存在的目录中......谢谢你的帮助！

【解决方案2】：

使用链接：

<link type="text/css" rel="stylesheet" href="../ressources/css/design.css">

这里，用过../返回文件夹..

【讨论】：