Normalize.css

Byline:

A modern alternative to CSS resets

Key links

• 🏠 Homepage: https://necolas.github.io/normalize.css/
• 👨‍💻 Repo:
• 📦 Package URL: https://www.npmjs.com/package/normalize.css

What does it do?

• Preserves useful defaults, unlike many CSS resets.
• Normalizes styles for a wide range of elements.
• Corrects bugs and common browser inconsistencies.
• Improves usability with subtle modifications.
• Explains what code does using detailed comments.

Normalize vs reset

Resets impose a homogenous visual style by flattening the default styles for almost all elements.

In contrast, normalize.css retains many useful default browser styles. This means that you don’t have to redeclare styles for all the common typographic elements.

Installation

NPM

$ npm install normalize.css

CDN

Add to your site using a link tag and CDN URL.

Generated from the package on Yarn registry.

• cdn.jsdelivr.net/npm/normalize.css
• unpkg.com/normalize.css

As an alterativ, this file is not minified but it is useful if you want to explore what it does.

• necolas.github.io/normalize.css/latest/normalize.css