What does normalize.css do?

normalize.css is a base stylesheet that does not fully zero out the browser's default styles the way reset.css does, but instead aligns them and brings them to consistency across all browsers, while keeping useful default values.

---

#What normalize.css actually does

• removes cross-browser inconsistencies in how HTML elements are displayed
• keeps useful standard styles (for example, a correct line-height for text)
• improves the predictability of layout
• fixes small bugs in how elements render across different browsers (forms, headings, lists)

---

#How it differs from Reset CSS

---

#Example effect

reset.css will remove all spacing from headings and lists. normalize.css will keep the spacing, but make it the same across Chrome, Firefox, Safari, and so on.

---

#When normalize.css is preferred

• when a more natural default look matters
• when a clean, tidy start is needed, not full "sterility"

---

Summary: normalize.css is a gentler alternative to reset.css that does not zero styles out but normalizes them, creating a consistent, predictable base layer for further layout work.