Maison > interface Web > tutoriel HTML > Comment mettre du CSS dans un fichier HTML

Comment mettre du CSS dans un fichier HTML

藏色散人
Libérer: 2023-01-03 09:30:57
original
29808 Les gens l'ont consulté

Comment mettre du CSS dans un fichier HTML : 1. Ajoutez du CSS directement à l'attribut style dans la balise HTML ; 2. Écrivez du CSS sous la balise style dans l'en-tête HTML ; fichiers CSS externes ; 4. Utilisez les règles CSS pour introduire des fichiers CSS externes.

Comment mettre du CSS dans un fichier HTML

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur DELL G3

Comment introduire CSS dans HTML

Il existe 4 façons d'introduire le CSS en HTML. Deux d’entre eux consistent à ajouter du code CSS directement dans le fichier HTML, et les deux autres consistent à introduire des fichiers CSS externes. Jetons un coup d'œil à ces méthodes ainsi qu'à leurs avantages et inconvénients.

Méthode en ligne

La méthode en ligne fait référence à l'ajout de CSS directement à l'attribut de style dans la balise HTML.

Exemple :

<div style="background: red"></div>
Copier après la connexion

C'est généralement une mauvaise façon d'écrire, cela ne change que le style de la balise actuelle, si vous voulez que plusieurs

pour ajouter à plusieurs reprises le même style à chaque
. Si vous souhaitez modifier un style, vous devez modifier le code dans tous les styles. De toute évidence, l’introduction du code CSS en ligne rendra le code HTML verbeux et rendra la page Web difficile à maintenir.

Méthode intégrée

La méthode intégrée fait référence à l'écriture de code CSS sous la balise