方法一:使用相对于当前文件(源文件)的相对路径
使用 ../
对于这个例子来说
../ 把路径带到了项目根目录的下一级目录
1 <script src="../static/js/world.js"></script>
方法二:使用web工程的绝对路径
1 src: url(/Cov/static/font/DS-DIGIT.TTF);
CSS外部引入的路径
相对路径
以引用文件之网页所在位置为参考基础,而建立出的目录路径。
因此,当保存于不同目录的网页引用同一个文件时,
所使用的路径将不相同,故称之为相对。
绝对路径
以Web站点根目录为参考基础的目录路径。之所以称为绝对,
意指当所有网页引用同一个文件时,所使用的路径都是一样的。
路径的特殊符号
../ 表示当前文件所在层级的上一层级
./ 表示当前文件所在的层级
/ 表示根目录
原文链接:https://blog.csdn.net/M_agician/article/details/72591802
在css文件夹里有一个css文件index.css,需要在index.css文件当中引用images文件夹里list_logo.png图片,
将此图片设置为背景图background-image。
则代码应当如此书写:
background-image: url('../images/list_logo.png);
aaa01中引用时:(同级文件夹下)
<link rel="stylesheet" type="text/css" href="index.css">
aaa02中引用时:<引用 上级目录(html文件夹)中的 .css>
<link rel="stylesheet" type="text/css" href="../html/index.css">
aaa03中引用时:<引用同级文件夹(html)中的 .css>
<link rel="stylesheet" type="text/css" href="html/index.css">
原文链接:https://blog.csdn.net/sssyyy_hhh/article/details/99674762
Tomorrow the birds will sing.