Un chemin relatif en CSS est-il relatif au fichier HTML ou au fichier CSS ?

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

Lorsque vous travaillez avec CSS, vous faites référence à des fichiers externes comme 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 démontrer 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 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.

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!