方法一:使用相對于目前檔案(源檔案)的相對路徑
使用 ../
對于這個例子來說
../ 把路徑帶到了項目根目錄的下一級目錄
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.