Rumah >hujung hadapan web >tutorial css >Adakah Laluan Relatif dalam CSS Relatif dengan Fail CSS Itu Sendiri?

Adakah Laluan Relatif dalam CSS Relatif dengan Fail CSS Itu Sendiri?

Susan Sarandon
Susan Sarandonasal
2024-11-12 12:46:01607semak imbas

Are Relative Paths in CSS Relative to the CSS File Itself?

Laluan Relatif CSS: Memahami Titik Rujukannya

Dalam CSS, menggunakan laluan relatif untuk merujuk sumber luaran seperti imej boleh menjadi pendekatan praktikal . Walau bagaimanapun, adalah penting untuk memahami di mana laluan ini adalah relatif kepada.

Adakah Laluan Relatif dalam Fail CSS Berkaitan dengan Fail CSS?

Jawapannya adalah mantap ya. Laluan relatif dalam CSS diselesaikan secara relatif kepada lokasi fail CSS itu sendiri. Ini bermakna apabila anda menentukan laluan relatif untuk imej atau mana-mana sumber luaran lain, penyemak imbas akan mencari fail bermula dari folder yang sama dengan fail CSS.

Contoh

Pertimbangkan senario berikut:

  • Halaman: page.htm (lokasi: tidak penting di mana)
  • CSS: /resources/css/styles.css
  • Imej: /resources/images/image.jpg

Kod CSS berikut dalam gaya. css merujuk imej menggunakan laluan relatif:

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

Dalam contoh ini, laluan relatif "../images/image.jpg" bermaksud:

  • Naik satu peringkat direktori (ditandakan dengan ".." dalam laluan)
  • Masukkan direktori "imej"
  • Cari fail "image.jpg"

Pelayar akan mentafsir laluan relatif ini berbanding lokasi styles.css, iaitu "/resources/css/," dan berjaya mengesan imej di "/resources/images/image.jpg."

Atas ialah kandungan terperinci Adakah Laluan Relatif dalam CSS Relatif dengan Fail CSS Itu Sendiri?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn