Kas yra 'reset' CSS?

'Reset' CSS yra stilių rinkinys, kuris atstatinėja naršyklės numatytuosius stilius HTML elementams. Naršyklės taiko numatytuosius stilius (pvz., paraštės, šrifto dydžiai, rėmų storis), kurie gali skirtis. Reset CSS padaro šiuos stilius vienodus, palengvindamas kūrimą ir užtikrindamas naršyklių suderinamumą.

Reset CSS pagrindinės užduotys:

• Pašalinti numatytuosius paraštes ir padding'us
• Atstatyti antraščių stilių
• Normalizuoti sąrašų stilių
• Atstatyti formos laukų stilių
• Nustatyti box-sizing: border-box;, kuris dažnai įtraukiamas į šiuolaikinius resetus, siekiant supaprastinti elementų dydžių skaičiavimą.

Pavyzdys paprasto reset CSS fragmento:

/* Numatytųjų paraščių ir padding'ų atstatymas */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Sąrašų stilių pašalinimas */
ul, ol {
  list-style: none;
}

Yra įvairių reset CSS įgyvendinimų, pvz., Eric Meyer CSS Reset, Normalize.css (techniniu požiūriu tai nėra resetas, o "normalizatorius", kuris išlaiko naudingus standartinius stilius ir juos suvienodina) arba minimalistiniai sprendimai.