4. Style de Texte en CSS

Le style du texte est un élément clé pour rendre le contenu lisible et attractif sur une page web. Le CSS offre de nombreuses propriétés pour personnaliser les polices, la taille, la couleur, l’alignement, et plus.

Propriétés principales

• font-family : Choix de la police de caractères.
• font-size : Taille du texte (px, em, rem, %).
• color : Couleur du texte.
• font-weight : Épaisseur de la police (normal, bold, 100-900).
• text-align : Alignement du texte (left, center, right, justify).
• text-decoration : Décorations comme underline, line-through.
• line-height : Hauteur de ligne pour espacer les paragraphes.

Exemples d’utilisation

/* Texte centré et en gras */
h1 {
  font-family: 'Arial', sans-serif;
  font-size: 36px;
  color: #d35400;
  font-weight: bold;
  text-align: center;
}

/* Paragraphe avec espace entre les lignes */
p {
  line-height: 1.6;
  font-size: 18px;
  color: #333;
}
    

Conseils

Pour une meilleure lisibilité, évitez de multiplier les polices différentes. Utilisez des tailles et couleurs cohérentes pour hiérarchiser l’information.

Exercice