Loading lesson path
Overview
Errors in CSS can lead to unexpected behavior or styles not being applied correctly. This page shows common CSS mistakes, and how to avoid them.
Forgetting a semicolon at the end of a property declaration can break the style rule.
Example.bad {
color: red background-color: yellow;
}Using a property name that does not exist will simply be ignored by the browser.
Example.bad {
colr: blue;
font-size: 16px;
}Correct properties but invalid values will also be ignored.
Example.bad {
width: -100px;
color: green;
}}, the entire rule may be ignored.Example.bad {
padding: 20px;
margin: 10px;Typos like extra colons or misplaced braces can cause rules to break.
Example.bad {
color:: blue;
}Use a code editor with syntax highlighting. Validate your CSS with a CSS linter or validator. Write CSS in small sections and test frequently.