Normalize.css zorgt ervoor dat browsers alle elementen consistenter weergeven en in overeenstemming zijn met moderne standaarden. Het richt zich met name op de stijlen die moeten worden genormaliseerd.
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
voorbeeld 1
De afbeelding van een baai. Een strandje aan de rand van dorpje.
voorbeeld 2
Spoor wissels in een bergachtig dorp in Zwitserland.
voorbeeld 3
Een palmboom aan de rand van een meer.
voorbeeld 4
Zwitserse vlag in een vallei.
voorbeeld 5
Eem heerlijke soep met kaas en stokbrood.