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