【HTML学习笔记】link标签中的href路径

最新推荐文章于 2023-08-31 23:33:12 发布

凯文斯坦森

最新推荐文章于 2023-08-31 23:33:12 发布

阅读量1w

点赞数 9

分类专栏： HTML学习笔记文章标签： html

kevinstatham

本文链接：https://blog.csdn.net/m0_46349113/article/details/104594898

版权

HTML学习笔记专栏收录该内容

2 篇文章 1 订阅

订阅专栏

在index.html中引用外部css样式，需要索引css文件路径，但是css文件可能在不同目录下，需要根据具体情况写路径。

【情况1】css文件在同一个目录下，直接写文件名即可

<link rel="stylesheet" type="text/css" href="style.css" />
或者这样写，文件名前缀 ./ 代表当前目录下
<link rel="stylesheet" type="text/css" href="./style.css" />


【情况2】索引的文件在上级目录中，则需要前缀 ../ 代表上一级目录

<link rel="stylesheet" type="text/css" href="../style.css" />
如果在上好几级目录中，则需要知道具体在第几级目录，打几个 ../ 其实就相当于从index开始返回到上级目录再进入到css文件所在的目录
<link rel="stylesheet" type="text/css" href="../../style/style.css" />