@csstools/normalize.css

@csstools/normalize.css

@csstools/normalize.css is a CSS library that provides consistent, cross-browser default styling of HTML elements.

Usage

<link href="https://unpkg.com/@csstools/normalize.css" rel="stylesheet" />

Install

npm install --save @csstools/normalize.css

Webpack Usage

Import @csstools/normalize.css in CSS:

@import '~@csstools/normalize.css';

Alternatively, import @csstools/normalize.css in JS:

import '@csstools/normalize.css';

In webpack.config.js, use the appropriate loaders:

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [ 'style-loader', 'css-loader' ]
      }
    ]
  }
}

Download

See https://csstools.github.io/normalize.css/latest/normalize.css

What does it do?

• Normalizes styles for a wide range of elements.
• Corrects bugs and common browser inconsistencies.
• Explains what code does using detailed comments.

Browser support

• Chrome (last 3)
• Edge (last 3)
• Firefox (last 3)
• Firefox ESR
• Opera (last 3)
• Safari (last 3)
• iOS Safari (last 2)
• Internet Explorer 9+

Contributing

Please read the contribution guidelines in order to make the contribution process easy and effective for everyone involved.

Similar Projects

• opinionate.css - A supplement to normalize.css with opinionated rules.
• sanitize.css - An alternative to normalize.css, adhering to common developer expectations and preferences
• remedy.css - An alternative to normalize.css, adhering to different common developer expectations and preferences.
• modern-normalize.css - An alternative to normalize.css, adhering to a minimal set of normalizations and common developer expectations and preferences.

Acknowledgements

normalize.css is a project by Jonathan Neal, co-created with Nicolas Gallagher.

Similar packages

Other packages similar to @csstools/normalize.css

sanitize.css

sanitize.css is another CSS library that normalizes styles across browsers. It takes a slightly different approach by also setting default styles for a range of elements, aiming to reduce the need for CSS resets.

reset-css

reset-css is a package that provides a simple CSS reset to reduce browser inconsistencies in things like default line heights, margins, and font sizes of headings. It is more of a traditional reset compared to the normalization approach of @csstools/normalize.css.

modern-normalize

modern-normalize is a smaller, more opinionated alternative to @csstools/normalize.css. It targets modern browsers only and provides normalization of styles with less overhead.