Spaces:
Sleeping
Sleeping
# @csstools/normalize.css [<img src="https://csstools.github.io/normalize.css/logo.svg" alt="normalize" width="90" height="90" align="right">][@csstools/normalize.css] | |
[@csstools/normalize.css] is a CSS library that provides consistent, | |
cross-browser default styling of HTML elements. | |
## Usage | |
```html | |
<link href="https://unpkg.com/@csstools/normalize.css" rel="stylesheet" /> | |
``` | |
## Install | |
```sh | |
npm install @csstools/normalize.css --save | |
``` | |
#### Webpack Usage | |
Import [@csstools/normalize.css] in CSS: | |
```css | |
@import '~@csstools/normalize.css'; | |
``` | |
Alternatively, import [@csstools/normalize.css] in JS: | |
```js | |
import '@csstools/normalize.css'; | |
``` | |
In `webpack.config.js`, use the appropriate loaders: | |
```js | |
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 2) | |
* iOS Safari (last 2) | |
## Contributing | |
Please read the [contribution guidelines](CONTRIBUTING.md) in order to make the | |
contribution process easy and effective for everyone involved. | |
## Similar Projects | |
- [modern-normalize.css](https://github.com/sindresorhus/modern-normalize) - An | |
alternative to normalize.css, adhering to a minimal set of normalizations and | |
common developer expectations and preferences. | |
- [opinionate.css](https://github.com/adamgruber/opinionate.css) - A supplement | |
to normalize.css with opinionated rules. | |
- [remedy.css](https://github.com/mozdevs/cssremedy) - An alternative to | |
normalize.css, adhering to different common developer expectations and | |
preferences. | |
- [sanitize.css](https://github.com/csstools/sanitize.css) - An alternative to | |
normalize.css, adhering to common developer expectations and preferences. | |
## Differences from `necolas/normalize.css` | |
Nicolas Gallagher and I started writing normalize.css together. I named and | |
created the normalize.css repository with the help of Paul Irish and Ben Alman. | |
I transferred the repository to Nicolas, who turned it into a “household” CSS | |
library. | |
Later, I resumed authorship of normalize.css with Luciano Battagliero. Together, | |
we tagged, deprecated, and removed “opinionated” styles — styles developers | |
often prefer but which do not fix bugs or “normalize” browser differences. | |
Later, Nicolas resumed authorship and the issue of whether to include or omit | |
the opinionated styles forced us to split. | |
I continue working on the normalize.css project, currently under the “csstools” | |
tag. I hope one day our differences are resolved and the projects are one again. | |
## Acknowledgements | |
normalize.css is a project by [Jonathan Neal](https://github.com/jonathantneal), | |
co-created with [Nicolas Gallagher](https://github.com/necolas). | |
[@csstools/normalize.css]: https://github.com/csstools/normalize.css | |