Chemins relatifs en CSS : sont-ils relatifs au fichier CSS ou HTML ?

Chemins relatifs en CSS : par rapport à quoi ?

En CSS, les chemins relatifs sont souvent utilisés pour référencer des ressources externes, telles que des images ou d'autres fichiers CSS. Cependant, une question courante se pose : par rapport à quoi est le chemin ? Est-ce relatif au fichier CSS lui-même ou au fichier HTML qui inclut le CSS ?

Répondre à la question

La réponse est sans ambiguïté : oui, un chemin relatif dans un fichier CSS est relatif au fichier CSS lui-même. Cela signifie que le chemin part du répertoire où se trouve le fichier CSS.

Exemple

Considérez la disposition suivante :

• Page : page.htm (emplacement non pertinent)
• CSS : /resources/css/styles.css
• Image : /resources/images/image.jpg

À l'intérieur le fichier styles.css, vous pourriez avoir la règle CSS suivante :

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

Dans cet exemple, le chemin relatif ../images/image.jpg part du répertoire où se trouve le fichier styles.css , qui est resources/css. Par conséquent, le chemin fait référence à l'image située 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!