Čo je 'reset' CSS?

'Reset' CSS je súbor štýlov, ktorý nastaví predvolené štýly pre HTML prvky na nulovú hodnotu. Prehliadače používajú predvolené štýly (napríklad okraje, veľkosti písma, hrúbka rámov), ktoré sa môžu líšiť. Reset CSS tieto štýly zjednocuje, čo uľahčuje vývoj a zabezpečuje kompatibilitu medzi prehliadačmi.

Hlavné úlohy reset CSS:

• Odstránenie predvolených okrajov a paddingov
• Resetovanie štýlov nadpisov
• Normalizácia štýlov zoznamov
• Resetovanie štýlov formulárových polí
• Nastavenie box-sizing: border-box;, ktoré sa často zahrňuje do moderných resetov na zjednodušenie výpočtu veľkostí prvkov.

Príklad jednoduchého fragmentu reset CSS:

/* Reset predvolených okrajov a paddingov */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Odstránenie predvolených štýlov zoznamov */
ul, ol {
  list-style: none;
}

Existuje niekoľko implementácií reset CSS, napríklad Reset CSS od Erica Meyera, Normalize.css (ktoré technicky nie je reset, ale "normalizátor", ktorý zachováva užitočné štýly a zjednocuje ich) alebo minimalistické riešenia.