Suggest an edit

Improve this article

Refine the answer for “What does normalize.css do?”. Your changes go to moderation before they’re published.

Approval required

Content

What you’re changing

Title (EN)

Short answer (EN)

Shown above the full answer for quick recall.

Answer (EN)

**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**

| reset.css | normalize.css |
|---|---|
| completely strips the browser's styles | keeps useful styles |
| starts everything from "bare zero" | performs a tidy unification |
| a more "aggressive" approach | a more "intelligent" approach |

---

### **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.

Markdown · drag & drop images · ⌘B / ⌘I shortcuts215 words

For the reviewer

Note to the moderator (optional)

Visible only to the moderator. Helps review go faster.