CSS 中相對 URL 的參考點是什麼？

CSS 中的相對URL：確定參考點

在CSS 檔案中利用相對URL 來指定背景影像等資源時，這一點變得至關重要了解此類URL 的參考點。考慮定義以下 CSS 規則的場景：

div#header {
  background-image: url('images/header-background.jpg');
}

此規則包含在檔案「/stylesheets/base-styles.css」中。當這個樣式表透過連結到各種文件時，CSS中的相對URL將相對於哪裡解釋？

答案：相對於樣式表文檔

根據W3C 制定的規範，CSS 文件中指定的部分URL 是相對於樣式表的來源進行解釋的，而不是相對於樣式表所包含的文件進行解釋。因此，在上述範例中，相對 URL 將根據“/stylesheets/”而不是其包含的當前文件進行解釋。

由於可能包含 CSS 文件，因此這種方法可確保一致性和可靠性在位於不同目錄的頁面中。透過標準化 CSS 文件本身的參考點，無論文件的位置或路徑如何，URL 都將無縫運行。

以上是CSS 中相對 URL 的參考點是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！