Question

我有一个包含多个页面的网站，其中一些页面位于单独的目录中。但是，我似乎无法将一个目录中的页面链接到另一个目录中的css文件。

我尝试粘贴整个目录和css / main.css。

//这是我的项目的文件夹/目录结构

home.html

  CSS
  --main.css

  线
  --M51.html
  --M50.html
  --M53.html

这是我用来引用html文件M51.html或行文件夹/目录中的任何文件中的css的HTML代码：

在行文件夹（M51或M52或M53）中测试html页面时，我发现未应用css，并且出现错误“无法解析文件css / main.css”。如何解决此错误？

它在home.html上工作正常，但在“ lines”目录内的文件上却无法正常工作。

Answer 1

由于Css文件存储在其他目录中。确保使用相对文件路径在HTML中包含CSS：

<link rel="stylesheet" type="text/css" href="../css/main.css" media="screen" />

相对文件路径指向相对于当前页面的文件。

最佳实践

最佳做法是使用相对文件路径（如果   可能）。

使用相对文件路径时，您的网页将不会绑定到   您当前的基本网址。所有链接都可以在您自己的计算机上使用   （localhost）以及您当前的公共域和您的未来   公共领域。

Answer 2

从评论中复制答案，因为它是正确的答案：

使用此引用文件：

../ css / main.css

用于“行”目录（地图）中的文件。这两个点位于上一级，相对于当前文件夹位于“ css”目录（映射）所在的位置。使用外部CSS文件的相对路径。