Les chemins relatifs en CSS sont-ils relatifs au fichier CSS lui-même ?

Chemins relatifs CSS : comprendre leur point de référence

En CSS, utiliser des chemins relatifs pour référencer des ressources externes telles que des images peut être une approche pratique . Cependant, il est crucial de comprendre où se situent ces chemins par rapport.

Un chemin relatif dans un fichier CSS est-il relatif au fichier CSS ?

La réponse est retentissante Oui. Les chemins relatifs en CSS sont résolus par rapport à l'emplacement du fichier CSS lui-même. Cela signifie que lorsque vous spécifiez un chemin relatif pour une image ou toute autre ressource externe, le navigateur recherchera le fichier à partir du même dossier que le fichier CSS.

Exemple

Considérez le scénario suivant :

• Page : page.htm (emplacement : n'a pas d'importance où)
• CSS : /resources/css/styles.css
• Image : /resources/images/image.jpg

Le code CSS suivant dans les styles. css référence l'image en utilisant un chemin relatif :

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

Dans cet exemple, le chemin relatif "../images/image.jpg" signifie :

• Remonter d'un niveau du répertoire (indiqué par ".." dans le chemin)
• Entrer dans le répertoire "images"
• Trouver le fichier "image.jpg"

Le navigateur interprétera ce chemin relatif par rapport à l'emplacement de styles.css, qui est "/resources/css/" et localisez avec succès l'image dans "/resources/images/image.jpg."

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!