Wat is 'reset' CSS?

'Reset' CSS is een set stijlen die de standaardstijlen van de browser voor HTML-elementen reset. Browsers passen standaardstijlen toe (bijvoorbeeld marges, lettergrootte, randdikte), die kunnen verschillen. Reset CSS maakt deze stijlen eenduidig, vergemakkelijkt de ontwikkeling en zorgt voor cross-browser compatibiliteit.

Belangrijkste taken van reset CSS:

• Verwijderen van standaard marges en padding
• Resetten van koptekststijlen
• Normaliseren van lijststijlen
• Resetten van formulierstijlen
• Instellen van box-sizing: border-box;, dat vaak wordt opgenomen in moderne resets om het berekenen van de afmetingen van elementen te vereenvoudigen.

Voorbeeld van een eenvoudige reset CSS-fragment:

/* Reset standaard marges en padding */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Verwijderen van standaard lijststijlen */
ul, ol {
  list-style: none;
}

Er zijn verschillende implementaties van reset CSS, zoals Eric Meyer’s CSS Reset, Normalize.css (dat technisch gezien geen reset is, maar een "normalisator" die nuttige standaardstijlen behoudt en unifyt) of meer minimalistische oplossingen.