Upload
thomas-byttebier
View
445
Download
0
Embed Size (px)
Citation preview
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