Maison >interface Web >tutoriel CSS >Comment lier un fichier CSS à un fichier HTML ?

Comment lier un fichier CSS à un fichier HTML ?

Patricia Arquette
Patricia Arquetteoriginal
2024-12-03 13:32:09408parcourir

How to Link a CSS File to an HTML File?

Comment lier un fichier CSS à partir d'un fichier HTML ? [dupliquer]

En HTML, vous pouvez lier un fichier CSS pour styliser votre page Web à l'aide du bouton étiqueter. Voici comment procéder :

  1. Créez un fichier CSS avec l'extension .css.
  2. Enregistrez le fichier CSS dans le même répertoire que votre fichier HTML.
  3. Dans votre fichier HTML, ajoutez le balise à l'intérieur de la balise section :

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

Assurez-vous de remplacer "newcssstyle.css" par le nom de votre fichier CSS. L'attribut rel spécifie la relation entre le fichier HTML et le fichier lié. La valeur de la feuille de style indique que le fichier lié est une feuille de style. L'attribut href spécifie le chemin d'accès au fichier CSS.

Si votre lien ne fonctionne pas, vérifiez les points suivants :

  • Assurez-vous que l'attribut rel est défini sur "stylesheet".
  • Vérifiez que le fichier CSS se trouve dans le même répertoire que le fichier HTML.
  • Utilisez le chemin de fichier correct dans le href attribut.
  • Si le fichier CSS se trouve dans un sous-répertoire, utilisez le chemin relatif dans l'attribut href.

N'oubliez pas d'enregistrer votre fichier HTML et d'actualiser la page pour voir les styles appliqués .

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