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

qjp7pelc  于 2023-02-25  发布在  Windows
关注(0)|答案(4)|浏览(150)

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

0wi1tuuw

0wi1tuuw1#

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

kkbh8khc

kkbh8khc2#

虽然公认的答案是正确的,但它过于复杂的事情。
如果文件为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 ./ tell,该文件与请求文件位于同一文件夹中。

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

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

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

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

uqzxnwby

uqzxnwby3#

一般完整答案:
要通过现有文件夹寻址,请用途:

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

要通过父文件夹寻址,请用途:

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

要通过Internet(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'>
ej83mcc0

ej83mcc04#

试试这个,对我很有效。

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

相关问题