Intégrer CSS dans HTML 5 - c'est comme ça que ça se fait
Vous pouvez facilement intégrer CSS dans HTML 5. Parce que si vous voulez rendre vos documents HTML et XML plus attrayants graphiquement, les feuilles de style en cascade (CSS) sont un bon choix. Le langage de formatage vous offre de nombreuses options pour améliorer visuellement vos sites Web. Il existe essentiellement trois façons différentes d'intégrer CSS dans HTML 5. Nous vous le montrerons dans cette astuce pratique.
CSS en HTML 5: Option 1 - Externaliser le fichier CSS
La première option consiste à déplacer le CSS vers un fichier séparé. Cela offre de nombreux avantages: Les feuilles de style affectent non seulement une seule page, mais sont automatiquement utilisées dans chaque page HTML5. Le principal avantage est l'administration centrale. Vous pouvez rapidement implémenter des modifications sur toutes les pages. Comment intégrer un fichier CSS dans HTML 5:
- Créez un nouveau fichier CSS.
- Dans la zone d'en-tête, reportez-vous à votre fichier CSS. Dans ce cas, le fichier a été nommé style.css - mais la dénomination est bien sûr individuelle:
- Vous devez enregistrer le fichier style.css dans le répertoire principal du serveur Web.
- Vous avez réussi à intégrer votre fichier CSS dans HTML 5.
CSS au début de votre fichier HTML 5
Si vous ne souhaitez pas créer de fichier CSS externalisé, vous pouvez également définir les propriétés CSS dans l'en-tête de votre document HTML 5. Celles-ci affectent alors uniquement ce fichier HTML 5, pas pour toutes les pages HTML 5.
- Ouvrez votre document HTML 5
- Insérez la commande suivante dans la zone de tête:
- Définissez maintenant les propriétés souhaitées: cela peut être, par exemple, la taille des en-têtes, la couleur du texte, etc. Utilisez pour cela les commandes CSS familières.
- Fermez la commande après avoir entré les propriétés avec.
- Les propriétés spécifiées sont adoptées pour ce document HTML 5.
Style CSS en ligne: utilisez directement les commandes
La dernière façon d'intégrer CSS dans HTML 5 est le style en ligne. Cela signifie que vous entrez vos commandes directement dans le code source.
- Allez à l'endroit où vous souhaitez modifier l'affichage graphique.
- Entrez directement les commandes CSS. Par exemple, cela peut ressembler à ceci:
Une sous-position bleue
- La propriété n'est utilisée que pour cette commande.