在我的硬盘上链接相同目录中的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/bananaacream/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/bananaacream/bananas/style.css，因为没有任何信息表明文件位于哪个文件夹中，它将使用与请求文件相同的文件夹。

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

将尝试获取https://www.google.com/b/bananaacream/bananas/style.css作为 ./ 告诉该文件位于与请求文件相同的文件夹中。

<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'>