Comment lier correctement un fichier CSS à un fichier HTML ?

Comment lier un fichier CSS à partir d'un fichier HTML

Vous rencontrez un problème lors de la liaison d'un fichier CSS à partir d'un fichier HTML. Le problème peut être résolu en garantissant ce qui suit :

Définissez la valeur d'attribut correcte

Dans le fichier HTML, la valeur de l'attribut rel doit être définie sur "feuille de style" au lieu de "J'espère que cela fonctionne. " Le code corrigé serait :

<link rel="stylesheet" href="newcssstyle.css" type="text/css">

Assurer le placement du fichier

Le fichier "newcssstyle.css" doit être dans le même répertoire que le fichier HTML auquel il fait référence. S'il se trouve dans un sous-dossier, ajustez le chemin de l'attribut href en conséquence.

Exemples de structures de répertoires et de chemins de fichiers relatifs

Cas 1 : Le fichier CSS se trouve dans un sous-dossier nommé "Feuilles de style."

Parent Directory Name
   index.html
   Stylesheets
      newcssstyle.css

HTML :

<link rel="stylesheet" href="Stylesheets/newcssstyle.css">

Cas 2 : Le fichier CSS se trouve dans un sous-dossier différent nommé "Html_files."

Parent Directory Name
   Html_files
      index.html
   Stylesheets
      newcssstyle.css

HTML :

<link rel="stylesheet" href="../Stylesheets/newcssstyle.css">

Cas 3 : Le fichier CSS se trouve dans le même répertoire que le HTML fichier.

Parent Directory Name
   index.html
   newcssstyle.css

HTML :

<link rel="stylesheet" href="./newcssstyle.css">

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!