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

Lorsque vous travaillez avec CSS, faites référence à des fichiers externes tels que des images et autres Les fichiers CSS sont une pratique courante. Comprendre le chemin relatif de ces références est crucial pour un emplacement correct du fichier.

Chemin relatif en CSS : un examen plus approfondi

Un chemin relatif dans un fichier CSS est relatif à le fichier CSS lui-même, pas le fichier HTML utilisant le fichier CSS. Cela signifie que lorsque vous spécifiez un chemin pour une image ou un autre fichier, vous devez fournir un chemin qui commence à partir du répertoire où se trouve le fichier CSS.

Comprendre avec un exemple

Pour illustrer ce concept, considérons la mise en page suivante :

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

Dans le fichier CSS (styles.css) :

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

Dans cet exemple, le chemin d'accès à l'image (image.jpg) dans le fichier CSS commence par ../. Cela signifie « remonter d'un répertoire » à partir de l'emplacement du fichier CSS (styles.css), puis accéder au répertoire images où l'image est stockée.