SyntaxStudy
Sign Up
HTML CSS Reset and Normalize Strategies
HTML Intermediate 4 min read

CSS Reset and Normalize Strategies

CSS Reset Strategies

Browsers apply default styles that differ across browsers. A CSS reset removes these defaults for consistent rendering.

Modern resets are minimal — a universal box-sizing rule plus a few targeted resets is often enough.

Example
/* Modern minimal reset */
*, *::before, *::after {
  box-sizing: border-box;
}

body { margin: 0; }

img, video {
  max-width: 100%;
  height: auto;
  display: block;
}
Pro Tip

Use normalize.css to preserve useful browser defaults rather than wiping everything out.