Co je to 'reset' CSS?

CSS 'Reset' je sada stylů, která nastaví výchozí styly pro HTML prvky tak, aby se odstranily rozdíly mezi prohlížeči. Prohlížeče používají výchozí styly (například okraje, velikosti písma, tloušťka rámečků), které se mohou lišit. Reset CSS tyto styly sjednocuje, což usnadňuje vývoj a zajišťuje kompatibilitu napříč prohlížeči.

Hlavní úkoly reset CSS:

• Odstranění výchozích okrajů a paddingů
• Resetování stylů nadpisů
• Normalizace stylů seznamů
• Resetování stylů formulářových polí
• Nastavení box-sizing: border-box;, které je často součástí moderních resetů pro zjednodušení výpočtu velikostí prvků.

Příklad jednoduchého fragmentu reset CSS:

/* Reset výchozích okrajů a paddingů */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Odstranění výchozích stylů seznamů */
ul, ol {
  list-style: none;
}

Existuje několik implementací reset CSS, například Eric Meyerův CSS Reset, Normalize.css (který technicky není reset, ale "normalizátor", který zachovává užitečné výchozí styly, ale sjednocuje je) nebo minimalistická řešení.