Aller au contenu

Introduction aux attributs CSS de base

Voici un tableau de quelques attributs CSS essentiels pour débuter :

Attribut CSS Rôle / Description Exemple de code CSS Effet attendu
background-color Définit la couleur de fond body { background-color: lightblue; } Le fond de la page devient bleu clair
color Définit la couleur du texte p { color: red; } Le texte des paragraphes devient rouge
font-size Définit la taille de la police h1 { font-size: 2rem; } Les titres <h1> apparaissent en taille 2 fois plus grande que le texte normal
border Ajoute une bordure autour d'un élément div { border: 0.2rem solid black; } Une bordure noire encadre les <div>
text-decoration Définit la décoration du texte (souligné, barré, etc.) a { text-decoration: underline; } Tous les liens <a> sont soulignés

En résumé

  • background-color : couleur de fond\
  • color : couleur du texte\
  • font-size : taille de police\
  • border : bordure autour d'un élément\
  • text-decoration : effet sur le texte (ex. souligné)

Avec ces attributs simples, tu peux déjà transformer complètement l'apparence d'une page web !