Maison > interface Web > tutoriel HTML > Trois façons courantes d'intégrer du CSS dans la production de documents HTML_HTML/Xhtml_Web

Trois façons courantes d'intégrer du CSS dans la production de documents HTML_HTML/Xhtml_Web

WBOY
Libérer: 2016-05-16 16:37:25
original
1980 Les gens l'ont consulté

CSS est généralement défini en HTML des trois manières suivantes : Incorporation, Lien, Inline

1. Intégré

Utilisez l'élément de style HTML pour définir les styles CSS dans le document. .

Copier le code
Le code est le suivant :

>< style type="text/css">
h1{couleur:rouge}
p{couleur:bleu}
🎜>

2. Inline

Chaque élément HTML contient un attribut de style, qui peut définir directement le style. Ce style ne peut être appliqué qu'au contenu de cet élément et n'a aucun effet sur un autre élément du même nom.



Copier le code
Le code est le suivant :

Inline style


3. Référence externe

La référence externe fait référence au HTML document Il ne contient pas de styles CSS, mais référence dynamiquement des fichiers CSS externes pour définir la présentation du document. 1. Utilisez l'instruction de traitement de la feuille de style

Écrivez une instruction de traitement de la feuille de style au début du document HTML





Copier le code
Le code est le suivant :
Instruction



Cependant, seuls les documents HTML écrits en utilisant It ne sont valides que lorsqu'ils sont enregistrés au format xhtml ou xml, et JS ne peut pas gérer ce type de CSS, il n'est donc pas recommandé de l'utiliser.

2. Utilisez la commande @import

Utilisez la commande @import entre les éléments de style pour importer des fichiers CSS externes





Copiez le code
Le code est le suivant :