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 !