爲什麼外部CSS樣式表的位置很重要？

Question

我是一個初學者程序員，看了幾個資源，但我無法弄清楚爲什麼外部CSS樣式表的位置很重要。例如，改變鏈接到該文件和該文件的位置，分別將確定是否一圖象負載或不：

在CSS一個簡單的一行：

body { 
    background: url(./images/test.jpg) center center fixed no-repeat; 
} 

這將加載的圖片：

<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> 

這不會：

<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" /> 

爲什麼？

Answer 1

它是因爲您的css文件夾中沒有images文件夾。它與css文件相關，而不是html文件。

您可以修復它，如下所示：

body { 
    background: url(../images/test.jpg) center center fixed no-repeat; 
} 

這件事去根目錄，然後再進入images文件夾。

然後你可以使用你的CSS行：

<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" /> 

Answer 2

圖像位置是相對於CSS文件的位置而不是HTML文件的位置。