Browsers add their own margins, fonts and spacing. A reset gives you a predictable start.
Direct answer
A CSS reset removes or standardises default browser styles. Normalize keeps useful defaults while smoothing differences. A short modern reset with box-sizing: border-box and no default margins is enough for most projects.
A small modern reset
*, *::before, *::after {
box-sizing: border-box;
}
body {
margin: 0;
line-height: 1.5;
}
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}
input, button, textarea, select {
font: inherit;
}
Reset vs normalize
| Reset | Normalize | |
|---|---|---|
| Approach | remove everything | keep useful defaults |
| Result | blank slate | consistent baseline |
Where Teyro fits
Teyro's HTML & CSS for Beginners course turns this into short lessons you can play in a few minutes a day. It has 100 lessons, and you can start free.
The bottom line
Add a small reset at the top of your stylesheet and move on.
