CSSOrde in de chaos

Browser stylesheet

Het probleem: elke browser(versie) doet het lichtjes anders

reset.css (start blanco)

reset.css stelt (zo goed als) alle CSS properties uit browser stylesheets

in op 0 (none)

Met reset.css

<link rel="stylesheet" href="reset.css"> <link rel="stylesheet" href="layout.css">

reset.css toevoegen

Voordelen van een reset.css

• browser styles worden weggehaald • je moet de bestaande vormgeving

van elementen niet veranderen: je kan starten met je eigen vormgeving

• minder risico op verschillen in de verschillende browser(versies)

Gebruik reset.css van Eric Meyer

normalize.css (start gelijk)

normalize.css haalt bestaande browser styles niet weg, maar brengt

ze gelijk in elke browser(versie)

Met normalize.css

<link rel="stylesheet" href="normalize.css"> <link rel="stylesheet" href="layout.css">

normalize.css toevoegen

Voordelen van normalize.css

• browser styles worden dezelfde in elke browser(versie)

• minder risico op verschillen in de verschillende browser(versies)

• reset.css haalt alles weg, ook bruikbare zaken

normalize.css van Nicolas Gallagher