首頁 > web前端 > css教學 > 主體

CSS 中的相對路徑:它們是相對於 CSS 還是 HTML 檔案?

Susan Sarandon
發布: 2024-11-15 17:57:02
原創
591 人瀏覽過

Relative Paths in CSS: Are They Relative to the CSS or HTML File?

CSS 中的相對路徑:相對於什麼?

在 CSS 中,相對路徑通常用於引用外部資源,例如圖片或其他 CSS 檔案。然而,一個常見的問題出現了:相對於什麼路徑?它是相對於 CSS 文件本身還是相對於包含 CSS 的 HTML 文件?

回答問題

答案是明確的:是的,相對路徑CSS 檔案是相對於 CSS 檔案本身的。這意味著路徑從 CSS 檔案所在的目錄開始。

範例

考慮以下版面:

  • 頁: page.htm (位置無關)
  • CSS:SS /resources/css/styles.css
  • 圖片:/resources/images/image.jpg

在 styles.css 檔案中,您可能有以下 CSS 規則:

在這個例子中,相對路徑../images/image.jpg是從styles.css檔案所在目錄開始的,這是資源/css。因此,該路徑指的是位於 /resources/images/image.jpg 的影像。

以上是CSS 中的相對路徑:它們是相對於 CSS 還是 HTML 檔案?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板