从链接标记HTML中的另一个本地目录引用CSS文件

Question

我在PC的不同目录中有一个HTML文件和一个CSS文件。 在head标签中，我使用链接标签来引用我的css文件

<link href="C:\Users\UserName\Desktop\Web_testing\BGsample SS.css"
  type="text/css" rel="stylesheet" />

这不起作用

Answer 1

尝试使用file：///协议。

href='file:///C:\Users\UserName\Desktop\Web_testing\BGsample SS.css'

如果那行不通（您说行不通），那么我的猜测是由于浏览器中的安全功能阻止了它完全行不通。 这取决于您从何处加载主要HTML内容，但是如果主要HTML是从Internet加载的，则我可以理解为什么浏览器可能会反对从客户端计算机的本地文件系统加载CSS。

最后要尝试的一件事：您可以尝试在计算机上设置Web服务器，将mystyles.css文件放入Web文件夹，然后使用以下命令将其加载到页面中：

href='http://localhost/mystyles.css'

我认为，我真的不能提出其他建议。

Answer 2

检查您的路径，最佳做法是始终使用相对路径。 防爆

如果您的样式表称为style.css，则链接应为：

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

如果子目录中有css文件（并且子目录称为styledirectory），则链接变为：

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

如果css文件位于html文件的父目录中，则链接变为：

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

..进入1个目录，如果需要两个目录，可以执行： ../../

样本文件夹结构

假设结构是这样，

<link rel="stylesheet" type="text/css" href="styles/BGsampleSS.css" />

命名文件时也不要使用空格。

Answer 3

您应该使用'../'移回路径，然后再移入带有CSS文件的目录。

Answer 4

请始终遵循CSS外部样式表的方法。 在您的情况下，无法找到CSS文件。 尝试在SS.css之前添加\\

<link rel="stylesheet" type="text/css" href="C:\Users\UserName\Desktop\Web_testing\BGsample\SS.css">