CSS Reset and Normalize
Remove inconsistent browser default styles with CSS resets and normalize stylesheets.
The Problem: Inconsistent Browser Defaults
Every browser has a built-in user-agent stylesheet with default styles for headings, margins, paddings, lists, and form elements. These defaults differ across browsers, causing inconsistent appearances.
CSS Reset
A CSS reset removes all browser defaults, giving you a blank slate. The famous Eric Meyer reset sets margin, padding, and many properties to zero or none.
/* Eric Meyer Reset (simplified) */
*, *::before, *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
ul, ol {
list-style: none;
}All lessons in this course
- Block vs Inline vs Inline-Block
- Visibility vs Display None
- Overflow: Scroll Clip and Auto
- CSS Reset and Normalize