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

Comment lier correctement un fichier CSS à mon fichier HTML ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-07 05:47:17979parcourir

How Do I Properly Link a CSS File to My HTML File?

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

Vous devez modifier la valeur de l'attribut rel en feuille de style pour qu'il le reconnaisse comme une feuille de style, comme ceci :

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

La définition de la valeur de l'attribut rel sur une feuille de style fait la différence entre, par exemple, un lien de feuille de style et un lien d'image d'icône. Vous pouvez voir toutes les valeurs possibles pour l'attribut rel sur MDN.

De plus, si cela ne fonctionne toujours pas, assurez-vous que le fichier "newcssstyle.css" se trouve dans le même répertoire que le fichier HTML référencé. Si vous le placez dans un dossier tel que « feuilles de style », assurez-vous d'ajouter le chemin relatif du dossier à votre fichier HTML.

Par exemple, si vous aviez un répertoire comme celui-ci :

  • Annuaire des parents Nom :

    • index.html
    • Feuilles de style :

      • newcssstyle.css

Ensuite, vous feriez référence à "newcssstyle.css" (par rapport à "index.css") comme href='Stylesheets/newcssstyle.css'

Alors que, dans un répertoire comme celui-ci :

  • Répertoire parent Nom :

    • Fichiers_html :

      • index.html
    • Feuilles de style :

      • newcssstyle.css

Puis vous feriez plutôt référence à "newcssstyle.css" comme href='../Stylesheets/newcssstyle.css' (où .. signifie "monter d'un niveau jusqu'au répertoire parent").

Et dans un répertoire comme ceci :

  • Annuaire des parents Nom :

    • index.html
    • newcssstyle.css

Ensuite, vous ferez référence à "newcssstyle.css" comme href= './newcssstyle.css' à la place (où un seul . signifie "c'est au même niveau que le fichier HTML").

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