Er zijn verschillende manieren om alle stijlen naar de standaardwaarden in CSS te resetten. Hier zijn enkele van de meest gebruikte methoden:
1. CSS Reset: Een breed gebruikt voorbeeld van een CSS-reset is de ‘reset.css’ van Eric Meyer. Deze resetstylesheet bestaat uit regels als:
\`\`\`css body, div, h1, h2, p3 {…} { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } \`\`\` Het reset de waarde van veel voorkomende elementen naar hun standaardwaarde.1. Normalize.css: Een andere populaire benadering is het gebruik van ‘normalize.css’ dat zich richt op correcties van fouten in verschillende browsers en betere stijl consistentie in plaats van alleen het resetten van stijlen.
1. Universele CSS-reset: Dit is de meest eenvoudige reset waarbij alle elementen de zelfde margin en padding waarde krijgen. Het ziet eruit als:
\`\`\`css - { margin: 0; padding: 0; } \`\`\` Deze resetmethode is eenvoudig, maar kan onverwachte resultaten opleveren bij complexere lay-outs.Om deze resets te gebruiken moet je de code aan het begin van je stylesheet plaatsen. Op deze manier worden alle andere stijlen, die je later in je CSS-bestand definieert, toegepast op de reeds geresette waarden.
