Definition
css-reset is a stylesheet that strips out all browser default paddings, margins, borders, and styles, setting them to zero.
Why It Matters
It provides a completely clean slate to build layouts, ensuring that browser default styles do not interfere with custom CSS.
Core Concepts
- CSS Reset: Sets margins, padding, and font sizes to zero/null across elements.
- Goal: Predictable starting point before applying custom styles.
- Modern Practice: Normalize or a minimal custom reset plus
box-sizing: border-boxglobally.
/* Minimal Reset Example */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
line-height: 1.5;
}