Rumah > hujung hadapan web > tutorial css > Apakah Titik Rujukan untuk URL Relatif dalam CSS?

Apakah Titik Rujukan untuk URL Relatif dalam CSS?

Susan Sarandon
Lepaskan: 2024-12-22 14:33:14
asal
214 orang telah melayarinya

What is the Reference Point for Relative URLs in 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');
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan