Mi az a 'reset' CSS?

A 'Reset' CSS egy olyan stíluslap, amely visszaállítja a böngésző alapértelmezett stílusait HTML elemekre. A böngészők alapértelmezett stílusokat alkalmaznak (például margók, betűméretek, keretvastagságok), amelyek eltérhetnek. A Reset CSS egységesíti ezeket a stílusokat, megkönnyítve a fejlesztést és biztosítva a böngészők közötti kompatibilitást.

A reset CSS fő feladatai:

• Alapértelmezett margók és paddingok eltávolítása
• Fejlécstílusok visszaállítása
• listastílusok normalizálása
• űrlapmezők stílusainak resetelése
• A box-sizing: border-box; beállítása, amelyet gyakran alkalmaznak modern resetekben az elemek méretének egyszerűbb kiszámítása érdekében.

Egyszerű reset CSS példa:

/* Alapértelmezett margók és paddingok resetelése */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Listastílusok eltávolítása */
ul, ol {
  list-style: none;
}

Különböző reset CSS megoldások léteznek, például Eric Meyer CSS Reset-je, Normalize.css (ami technikailag nem reset, hanem "normalizáló", amely megőrzi a hasznos alapértelmezett stílusokat, de egységesíti azokat), vagy minimalistább megoldások.