在我的硬盘上相同目录中的 HTML 文档上链接 CSS 文件 (Windows)

Question

我正在使用 Windows (7) 尝试创建一个离线 html 页面，该页面应链接到位于同一目录中的单独 CSS 文件。我尝试使用

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

但没有运气。

我还想在 style.css 中导入另一个名为 styles2.css 的 css 文件。尚未检查，但将@import "style2.css"; 放在 style.css 上可能效果不佳。我可以使用像C:\Users\ELITEBOOK\Desktop\offline\style.css 这样的绝对链接，但如果我将文件夹从桌面移动到其他任何地方，它就不起作用了。有什么帮助吗？我的意思是，任何调用/添加文件夹链接的代码？

Answer 1

请改用<link rel="stylesheet" type="text/css" href="./styles.css" />。注意：href="/styles.css" 更改为 href="./styles.css"，这是您脚本的当前目录。

Answer 2

虽然接受的答案没有错，但事情过于复杂。

如果你的文件是https://www.google.com/b/bananacream/bananas/index.html

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

将尝试获取https://www.google.com/style.css

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

将尝试获取https://www.google.com/b/bananacream/bananas/style.css，因为没有任何指示文件所在的文件夹将使用与请求文件相同的文件夹。

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

将尝试获取https://www.google.com/b/bananacream/bananas/style.css as ./ 告诉该文件与请求文件位于同一文件夹中。

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

将尝试获取https://www.google.com/b/bananacream/style.css as ../ 告诉文件位于上一个文件夹中作为请求文件。

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

将尝试获取https://www.google.com/b/style.css as ../../ 告诉文件位于前两步的文件夹中作为请求文件。

Answer 3

一般的完整答案：

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

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

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

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

通过互联网 (CDN) 使用：

<link
  rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3./css/bootstrap-theme.min.css"
  >

通过您的硬盘使用解决：

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

Answer 4

试试这个，它对我有用。

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