CSS Erreurs
Erreurs CSS
Les erreurs en CSS peuvent entraîner un comportement inattendu ou des styles qui ne s'appliquent pas correctement. Cette page présente des erreurs CSS courantes et explique comment les éviter.
Points-virgules manquants
Oublier un point-virgule à la fin d'une déclaration de propriété peut casser la règle de style.
Exemple
.bad {
color: red
background-color: yellow;
} Noms de propriétés invalides
Utiliser un nom de propriété qui n'existe pas sera simplement ignoré par le navigateur.
Exemple
.bad {
colr: blue;
font-size: 16px;
} Valeurs invalides
Des propriétés correctes mais des valeurs invalides seront également ignorées.
Exemple
.bad {
width: -100px;
color: green;
} Accolades non fermées
Si vous oubliez de fermer une accolade } , toute la règle peut être ignorée.
Exemple
.bad {
padding: 20px;
margin: 10px;
Deux-points ou accolades supplémentaires
Des fautes de frappe, comme des deux-points supplémentaires ou des accolades mal placées, peuvent provoquer des erreurs dans les règles.
Exemple
.bad {
color:: blue;
} Conseils pour éviter les erreurs CSS
- Utilisez un éditeur de code avec coloration syntaxique.
- Validez votre CSS avec un linter ou un validateur CSS.
- Écrivez du CSS en petites sections et testez fréquemment.