Comment ajouter un fichier css en html

Hypertext Markup Language (HTML) définit les différentes pièces d`une page Web. Les feuilles de style en cascade (CSS), la langue de codage décrit ce que ces pièces doivent ressembler. Un fichier CSS peut être ajouté à HTML en tant que feuille de style externe, CSS inclus dans un fichier séparé à partir du HTML ou d`une feuille de style interne, CSS incluse dans le fichier HTML. Apprenez à ajouter un fichier CSS à HTML afin de personnaliser votre conception de site Web.

Pas

Méthode 1 de 2:
Ajouter une feuille de style externe à HTML
  1. Image intitulée Ajouter un fichier CSS à HTML Step 1
1. Créer le fichier CSS. Préparez et enregistrez votre fichier CSS avec le ".CSS" Type de fichier.
  • Image intitulée Ajouter un fichier CSS à HTML STEP 2
    2. Téléchargez votre fichier CSS sur votre site Web.
  • Image intitulée Ajouter un fichier CSS à HTML STEP 3
    3. Copiez l`URL de votre fichier CSS. L`URL pourrait ressembler à votre site.com / styleheet.CSS.
  • C`est une bonne forme pour supprimer le nom de domaine principal du lien (URL). Donc une URL de "http: // mySite.COM / CSS / Default.CSS" serait raccourci à "/ CSS / Default.CSS". Vous devez inclure cette barre oblique ("/"). Ceci s`appelle un chemin relatif.
  • Image intitulée Ajoutez un fichier CSS à HTML STEP 4
    4. Ajouter un lien vers le fichier. Trouvez Thetag dans votre fichier HTML et créez une ligne vide juste au-dessus de la balise. Ajouter
    à cette ligne vide, changeant "votre..." au lien vers votre fichier CSS.
  • Image intitulée Ajoutez un fichier CSS à HTML Étape 5
    5. Enregistrez votre fichier HTML et téléchargez-le sur votre site Web.
  • Image intitulée Ajoutez un fichier CSS à HTML STEP 6
    6. Vérifiez que tout sur votre site semble comment il est censé regarder. Si ce n`est pas le cas, vous devrez peut-être revenir en arrière et rechercher des corrections ou des ajustements dont vous avez besoin pour faire.
    • Méthode 2 sur 2:
    Ajouter une feuille de style interne à HTML
    1. Créer la balise. Dans votre fichier HTML, trouvez Thetag. Ajoutez quelques lignes supplémentaires au-dessus et tapez ce qui suit:
    Image intitulée Ajouter un fichier CSS à HTML Step 7
    1. Image intitulée Ajouter un fichier CSS à HTML STEP 8
      1. Ajoutez tout votre CSS entre ces deux tags que vous venez d`ajouter.
    2. Image intitulée Ajoutez un fichier CSS à HTML Étape 9
      2. Enregistrez votre fichier HTML (en tant que HTML).
    3. Image intitulée Ajouter un fichier CSS à HTML Étape 10
      3. Vérifiez que votre page Web semble être censée regarder. Apporter des changements si nécessaire s`il ne le fait pas.

    Conseils

    Vérifiez toujours l`apparence de votre site Web dans différents navigateurs Web et sur différents systèmes informatiques. Certains navigateurs Internet CSS un peu différemment, même entre le Mac et les éditions Windows du même navigateur. Si votre site Web a l`air différent de différents navigateurs, en particulier dans la manière dont certains objets comme des listes d`objets sont espacés, le problème est la valeur par défaut du navigateur. Trouver une feuille de style maître pour ajouter au début de votre CSS pour remplacer toutes les valeurs par défaut du navigateur, de sorte que vos paramètres ne sont donc d`ajouter à rien que le navigateur installe déjà.
  • Si vous avez la possibilité, utilisez une feuille de style externe. Cela vous permettra de régler l`apparence du site en modifiant le code dans un fichier nommé, plutôt que de devoir changer le CSS sur chaque page de votre site.
  • Si votre site Web ne répond pas à votre CSS comme prévu, vérifiez tous vos codes pour vous assurer que vous n`avez pas oublié de détails. Faites particulièrement attention aux points-virgules ("-") et fermeture de crochets de flèche ("}"). Ce n`est pas inhabituel de rater un dans votre CSS.
  • Si vous enregistrez le fichier HTML sur votre ordinateur, vous pouvez ouvrir ce fichier sur vos navigateurs Web pour vérifier l`apparence de votre ordinateur avant de le télécharger, mais vous devez probablement avoir votre CSS comme une feuille de style interne dans le fichier HTML pour l`apparence à charger.
  • Lorsqu`une feuille de style se contredit - par exemple, si elle dit le texte en premier sera bleue et dit plus tard, il sera rouge - la condition ultérieure s`appliquera toujours. Si une commande est dans une feuille de style externe et que l`autre est dans une feuille de style interne, l`un interne s`appliquera.

    • Mises en garde

    Ne pas utiliser "en ligne" CSS, CSS inclus dans la balise HTML. (Par exemple: le "Align = `Centre`" est en ligne CSS.) C`est obsolète, mauvaise syntaxe et difficile à ajuster lorsque vous devez mettre à jour le site Web ultérieurement.
    Articles connexes