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

时间:2014-11-11 18:47:13

标签: html css windows

我正在使用 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这样的固定链接,但如果我将文件夹从桌面移到其他任何地方,它就无法工作。任何帮助?我的意思是调用/添加文件夹链接的任何代码?

3 个答案:

答案 0 :(得分:14)

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

答案 1 :(得分: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 作为 ./ 告诉该文件与请求文件位于同一文件夹中。

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

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

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

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

答案 2 :(得分:0)

尝试这个,它对我有用。

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