外部样式表，指定绝对路径或相对路径

Question

包含外部样式表的链接标记的href部分让我感到困惑，特别是因为大多数人不使用整个URL。

例如，在

中

  <link rel="stylesheet" href="mystyles.css" type="text/css" media="screen">

如果我想将我的样式表放在wwwroot的子目录中，那么尝试通过以下方式引用它会有什么不同：

a）href =“/ someDir / mystyles.css”

b）href =“./ someDir / mystyles.css”

c）href =“someDir / mystyles.css”

非常感谢

Answer 1

这是基本的相对URL语法。没有什么CSS特定的。

假设它出现在http://example.com/foo/bar/index.html

中

  

href="/someDir/mystyles.css"

http://example.com/someDir/mystyles.css

  

href="./someDir/mystyles.css"

http://example.com/foo/bar/someDir/mystyles.css

  

href="someDir/mystyles.css"

http://example.com/foo/bar/someDir/mystyles.css

你没有提到href="../someDir/mystyles.css"

这将是：http://example.com/foo/someDir/mystyles.css