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

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!