Sind relative Pfade in CSS relativ zur CSS-Datei selbst?

Relative Pfade in CSS: Ihren Referenzpunkt verstehen

In CSS kann die Verwendung relativer Pfade zum Referenzieren externer Ressourcen wie Bilder ein praktischer Ansatz sein . Es ist jedoch wichtig zu verstehen, wo diese Pfade relativ sind.

Ist ein relativer Pfad in einer CSS-Datei relativ zur CSS-Datei?

Die Antwort ist eindeutig Ja. Relative Pfade in CSS werden relativ zum Speicherort der CSS-Datei selbst aufgelöst. Das heißt, wenn Sie einen relativen Pfad für ein Bild oder eine andere externe Ressource angeben, sucht der Browser nach der Datei, beginnend im selben Ordner wie die CSS-Datei.

Beispiel

Stellen Sie sich das folgende Szenario vor:

• Seite: page.htm (Speicherort: egal wo)
• CSS: /resources/css/styles.css
• Bild: /resources/images/image.jpg

Der folgende CSS-Code in „styles.css“ verweist über einen relativen Pfad auf das Bild:

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

In diesem Beispiel , der relative Pfad „../images/image.jpg“ bedeutet:

• Eine Verzeichnisebene nach oben gehen (gekennzeichnet durch „..“ im Pfad)
• Geben Sie „ ein“ Verzeichnis „Bilder“
• Suchen Sie die Datei „image.jpg“

Der Browser interpretiert diesen relativen Pfad relativ zum Speicherort von „styles.css“, also „/resources/css/“ ,“ und finden Sie das Bild erfolgreich unter „/resources/images/image.jpg.“

Das obige ist der detaillierte Inhalt vonSind relative Pfade in CSS relativ zur CSS-Datei selbst?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!