在我的硬盘（Windows）的同一目录中链接HTML文档上的CSS文件

我正在使用Windows（7）创建一个脱机html页面，该页面应链接到位于同一目录中的单独CSS文件。我试着用

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

但是没有运气

---

我还想在style.css中导入另一个名为styles2.css的css文件。尚未检查，但将

@import“style2.css”可能无法正常工作。我可以使用绝对链接，如
C:\Users\ELITEBOOK\Desktop\offline\style.css
，但如果我将文件夹从桌面移到其他任何位置，它将不起作用。有什么帮助吗？我的意思是，任何调用/添加文件夹链接的代码都可以使用
。注意：
href=“/styles.css”
更改为
href=“/styles.css”
，这是您脚本的当前目录。
试试这个，它对我有用

 <link rel="stylesheet" href="./main.css">

一般完整答案：

要通过现有文件夹寻址，请使用：

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

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



要通过父文件夹寻址，请使用：

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

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



要通过互联网（CDN）进行寻址，请使用：



要通过硬盘驱动器解决此问题，请使用：

<link rel="stylesheet" href='file:///C:/mystyles.css'>

虽然公认的答案没有错，但事情太复杂了

如果你的文件是



我会设法得到



将尝试获取，因为“无”表示文件位于哪个文件夹中。它将使用与请求文件相同的文件夹

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

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

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



将尝试获取作为。/告知该文件与请求文件位于同一文件夹中

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

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

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



将尝试获取为../告知该文件作为请求文件位于上一个文件夹中

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

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

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



将尝试获取作为.././告诉文件位于文件夹中，比请求文件早两步。
尝试删除同一目录中的正斜杠。这也适用于@FirstLegion。如果css在子文件夹中或page.html在子文件夹中怎么办？如果css在另一个目录中，那么如果html在子目录中，那么您可以执行此操作，然后执行是！这太简单了！非常感谢。我没有声望，所以还不能投票。如果我把这些文件上传到服务器上（用public_html），那么我必须删除这个点，否则会有问题吗？不过你仍然可以接受他的答案，这将为你和他赢得声誉。@Sahriar：你的/public_html文件夹作为默认文件夹是常见的标准做法，你的Web服务器从中提供内容。符号
/
表示
此目录
（即当前目录）；而
/
表示根目录（在本例中，是
/public\u html
所在的目录）。因此，在生产服务器上，当您希望引用运行脚本的同一文件夹中的文件时，可以使用
/filename
符号。这基本上是“相对路径引用”。阅读这篇关于路径的维基百科文章：代码块本身通常不是有用的答案。如果您可以编辑您的答案，并解释您正在显示的代码的作用，以及该代码为什么/如何回答问题，那么它将非常有帮助。
<link rel="stylesheet" href="./style.css">

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

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