Il existe trois façons de référencer les styles CSS en HTML Alors, quelles sont les trois façons ? Cet article vous donnera une introduction détaillée à trois méthodes permettant au HTML de référencer des fichiers CSS.
L'application de feuilles de style aux documents HTML et XHTML en CSS peut être grossièrement divisée selon les trois méthodes suivantes. (Tutoriel recommandé : Tutoriel vidéo CSS)
1 Utilisez l'élément pour appeler et appliquer des fichiers CSS externes
2. élément à appliquer Unité de document
3. Appliquer des styles en ajoutant des attributs de style aux éléments
Utilisez l'élément pour appeler et appliquer des fichiers CSS externes
créé Un fichier CSS qui décrit la feuille de style séparément du fichier HTML et l'appelle à partir du fichier HTML. Pour les appels, le fichier CSS externe est spécifié via un élément dans l'élément
Pour informer le navigateur, etc. que les styles appliqués sont basés sur CSS, spécifiez text/css pour la valeur de l'attribut type de l'élément . Compte tenu de la compatibilité avec XHTML, de la facilité de modification des styles, etc., il est recommandé de configurer la feuille de style de cette façon.Les composants de la feuille de style sont décrits dans des fichiers externes (xxx.css).
p {color：blue; line-height：1.5;}Code source HTML
<html> <head> <link rel =“ stylesheet ”type =“ text / css ”href =“ xxx.css ”> </ head> <body> <p>这是一个段落</ p> </ body> </ html>
Appliqué à l'unité de document à l'aide de l'élément