Maison  >  Article  >  interface Web  >  Les chemins relatifs en CSS sont-ils relatifs au fichier CSS lui-même ?

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

Susan Sarandon
Susan Sarandonoriginal
2024-11-12 12:46:01540parcourir

Are Relative Paths in CSS Relative to the CSS File Itself?

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn