The modern, pragmatic normalize. It focuses on new browser features and improving the UX rather than making outdated browsers render things more predictably.
Do choose this if you want your UX improved and really only support modern browsers. Everything past 2016 will 100% work fine.
If you support IE6, Android 4.0.4, Opera Mini and other things like this, it's a good idea to pick Normalize.css instead.
- Removes the default margin from
body
- Sets
box-sizing
toborder-box
for all elements including pseudos - Sets
backface-visibility
tohidden
to prevent typefaces from turning blurry withtransform
properties - Ensures that
[hidden]
elements will be hidden - Enables some ligatures but not all of them
- Optimizes typeface smoothing and legibility
- Sets the system UI typeface as the default
- Turns images into blocks
- Prevents images from being resized further than their actual size
- Makes HTML fully responsive by default: images, canvases, tables and several other tags
- Sets a monospace font and tabs of width 4 for
code
andpre
- Only let users resize
textarea
s vertically - Makes
input
s inherit their parent typeface - Uses appropriate cursors based on aria attributes.