Normalizing maintains useful defaults over non-stylizing everything and it won’t clutter your dev tools window. Moreover, Resetting is meant to strip all default browser styling on elements. For e.g. margins, paddings, and font sizes of all elements are reset and you can create whatever you'd like.... You will have to redeclare styling for common typographic elements, on the other hand, Normalizing preserves useful default styles rather than stripping all styles of everything.

Normalize CSS technique:

<title> Normalizing CSS | GeeksForGeeks </title>

It Normalizes the Default CSS

//////////////////////

Resetting CSS: `/*

1. Use a more-intuitive box-sizing model. */ *, *::before, ::after { box-sizing: border-box; } /
2. Remove the default margin */

• { margin: 0; } /* Typographic tweaks! 3. Add accessible line-height 4. Improve text rendering / body { line-height: 1.5; -webkit-font-smoothing: antialiased; } / 5. Improve media defaults / img, picture, video, canvas, svg { display: block; max-width: 100%; } / 6. Remove built-in form typography styles / input, button, textarea, select { font: inherit; } / 7. Avoid text overflows / p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } / 8. Create a root stacking context */ #root, #__next { isolation: isolate; } `