SlideShare a Scribd company logo
CSS 
Orde in de chaos
Browser stylesheet
Het probleem: elke browser(versie) 
doet het lichtjes anders
Reset normalize CSS
reset.css 
(start blanco)
reset.css stelt (zo goed als) alle CSS 
properties uit browser stylesheets 
in op 0 (none)
Reset normalize CSS
Met reset.css
reset.css toevoegen 
<link rel="stylesheet" href="reset.css"> 
<link rel="stylesheet" href="layout.css">
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)
Reset normalize CSS
Met normalize.css
normalize.css toevoegen 
<link rel="stylesheet" href="normalize.css"> 
<link rel="stylesheet" href="layout.css">
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

More Related Content

PDF
CSS basis
PDF
CSS3 kleuren en border-radius
PDF
Belangrijke CSS begrippen (2)
PDF
Fluid video en audio
PDF
Characteristics of a well designed user interface
PDF
Toegankelijke en semantische HTML formulieren
PDF
CSS positionering
PDF
HTML opfrissing
CSS basis
CSS3 kleuren en border-radius
Belangrijke CSS begrippen (2)
Fluid video en audio
Characteristics of a well designed user interface
Toegankelijke en semantische HTML formulieren
CSS positionering
HTML opfrissing
Ad

Reset normalize CSS