Comment faire des balises de feuille de style en cascade (CSS) redéfinir les styles - dummies

Vidéo: Lier sa feuille de style à sa page HTML 2025

Par défaut, tous les balises HTML dans un style en cascade Sheets (CSS), sont structurellement préformatés pour regarder d'une manière particulière et effectuer des fonctions spécifiques. Prenez la balise

, par exemple. Ce tag est préformaté pour être grand, noir et gras, et il est destiné à identifier l'en-tête principal dans le texte, par opposition au texte normal, qui est marqué avec
tags dans le contenu.

Lorsque vous créez un style de redéfinition de balise , vous utilisez le nom de balise comme nom de sélecteur pour remplacer l'apparence préformatée de toute balise HTML existante, telle que
et

.

Le style redéfinir les balises peut être changé en quelque chose que vous aimez, comme adapter l'apparence par défaut de tout le contenu entre balises

pour correspondre à la conception et la palette de couleurs de votre site, que ce soit, 28 pixels, gras, italique, et # 000000 ou Palatino Linotype, 32 pixels, gras, et # FF99FF:

h1 {font-famille: Palatino Linotype, Livre Antiqua, Palatino, serif; taille de police: 32px; font-weight: gras; color: # FF99FF;}

Redéfinir les tags existants est l'un des meilleurs moyens de style globalement le contenu sur un site sans avoir à appliquer sélectivement les styles ici et là, comme vous le devez avec les styles de classe personnalisés. En fait, pour simplifier le processus CSS, la plupart des concepteurs commencent au minimum chaque fichier CSS en créant des styles de redéfinition de balises pour les

,

, et tags.

Un style de redéfinition de tag pour le tag, par exemple, peut prendre plusieurs des attributs précédemment appliqués à la balise d'ouverture dans le code HTML, tels que l'espacement des marges et la couleur d'arrière-plan de la page.

Outre la modification des styles préformatés d'un tag, les styles de redéfinition de tag peuvent également être utilisés pour ajouter de nouveaux styles à un tag particulier. Par exemple, toutes les pages Web, sauf indication contraire, ont une marge d'espace de 9 pixels par défaut entre le bord de la fenêtre du navigateur et son contenu.

Pour supprimer ou modifier ce paramètre, l'attribut de marge peut être redéfini dans l'étiquette de corps. L'illustration montre un exemple de redéfinition d'un style pour la balise dans CSS, où l'espacement des marges est défini sur 0 sur les quatre côtés de la fenêtre du navigateur, la couleur d'arrière-plan de la page est définie sur noir et la police la couleur du texte dans le corps est blanche, comme dans le code de style suivant:
```
body {margin: 0px; couleur de fond: # 000000; couleur: #ffffff;}
```