Apakah Titik Rujukan untuk URL Relatif dalam CSS?

URL relatif dalam CSS: Menentukan Titik Rujukan

Apabila menggunakan URL relatif dalam fail CSS untuk menentukan sumber seperti imej latar belakang, ia menjadi penting untuk memahami titik rujukan URL tersebut. Pertimbangkan senario di mana peraturan CSS berikut ditakrifkan:

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

Peraturan ini disertakan dalam fail "/stylesheets/base-styles.css." Apabila helaian gaya ini dipautkan kepada pelbagai dokumen melalui , di manakah URL relatif dalam CSS akan ditafsirkan secara relatif?

Jawapan: Berkaitan dengan Dokumen Lembaran Gaya

Mengikut spesifikasi yang ditetapkan oleh W3C, URL separa yang dinyatakan dalam fail CSS ditafsirkan secara relatif kepada sumber lembaran gaya, bukan dokumen yang disertakan di dalamnya. Oleh itu, dalam contoh yang dinyatakan di atas, URL relatif akan ditafsirkan berhubung dengan "/stylesheets/" dan bukannya dokumen semasa yang disertakan.

Pendekatan ini memastikan ketekalan dan kebolehpercayaan memandangkan fail CSS mungkin disertakan. dalam halaman yang terletak dalam direktori yang berbeza. Dengan menyeragamkan titik rujukan kepada fail CSS itu sendiri, URL akan berfungsi dengan lancar tanpa mengira lokasi atau laluan dokumen.

Atas ialah kandungan terperinci Apakah Titik Rujukan untuk URL Relatif dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!