Adakah Laluan Relatif dalam Fail CSS Relatif dengan Fail CSS atau HTML?

Rujukan Laluan dalam Fail CSS: Berkaitan dengan CSS atau HTML?

Apabila menggunakan fail CSS untuk menggayakan dokumen HTML, adalah penting untuk memahami hubungan antara lokasi fail CSS dan laluan yang dirujuk.

Soalan:

Apabila menentukan laluan relatif kepada imej atau aset dalam fail CSS, adakah laluan itu merujuk Fail CSS itu sendiri atau fail HTML yang mengandungi CSS?

Jawapan:

Ya, laluan relatif dalam fail CSS adalah relatif kepada lokasi fail CSS.

Penjelasan:

Dalam CSS, laluan relatif digunakan untuk mencari sumber (cth., imej, fon) berdasarkan struktur direktori fail CSS. Titik rujukan untuk laluan ini ialah fail CSS itu sendiri.

Sebagai contoh, pertimbangkan reka letak berikut:

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

Dalam fail CSS, laluan relatif kepada imej ialah:

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

Dalam contoh ini, laluan '../images/image.jpg' bermula daripada direktori 'styles.css' (lokasi fail CSS) dan menavigasi ke atas satu tahap direktori (ditunjukkan oleh ' ../') ke direktori 'imej', di mana fail 'image.jpg' terletak.

Rujukan laluan ini memastikan sumber sentiasa terletak relatif kepada fail CSS, tanpa mengira lokasi Fail HTML yang mengandungi CSS.

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