Heim >Web-Frontend >CSS-Tutorial >Wie werden relative URLs in CSS-Dateien aufgelöst?

Wie werden relative URLs in CSS-Dateien aufgelöst?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-12-20 18:36:11289Durchsuche

How Are Relative URLs in CSS Files Resolved?

Suchen relativer URLs in CSS-Dateien

Beim Referenzieren von Ressourcen mithilfe relativer URLs in CSS-Dateien ist es wichtig, deren relative Position zu bestimmen. Betrachten Sie beispielsweise die CSS-Datei base-styles.css, die das folgende CSS enthält:

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

Wenn dieses Stylesheet mit in verschiedene Dokumente eingebunden wird, wo wird das relative angezeigt? URL in der CSS-Datei relativ zu gerendert werden?

Antwort:

Gemäß der W3:

Teil-URLs werden relativ zur Quelle des Stylesheets interpretiert, nicht relativ zum Dokument.

Daher ist die relative URL relativ zu /stylesheets/.

Dieser Ansatz ist logisch, da die CSS-Datei in Seiten in verschiedenen Verzeichnissen eingebunden werden kann. Durch die Standardisierung der URL auf Basis der CSS-Datei wird sichergestellt, dass die URLs unabhängig davon funktionieren, wo die Stylesheets verlinkt sind.

Das obige ist der detaillierte Inhalt vonWie werden relative URLs in CSS-Dateien aufgelöst?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn