Czym jest 'reset' CSS?

CSS 'Reset' to zestaw stylów, który resetuje domyślne style przeglądarki dla elementów HTML. Przeglądarki stosują style domyślne (np. marginesy, rozmiary czcionek, grubość ramek), które mogą się różnić. Reset CSS sprawia, że te style są jednolite, ułatwiając rozwój i zapewniając kompatybilność między przeglądarkami.

Główne zadania reset CSS:

• Usunięcie domyślnych marginesów i paddingów
• Reset stylów nagłówków
• Normalizacja stylów list
• Reset stylów pól formularzy
• Ustawienie box-sizing: border-box;, które często jest włączane w nowoczesne resetowania, aby ułatwić obliczanie rozmiarów elementów.

Przykład najprostszej części reset CSS:

/* Reset domyślnych marginesów i paddingów */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Usunięcie domyślnych stylów list */
ul, ol {
  list-style: none;
}

Istnieje wiele implementacji reset CSS, np. Reset CSS Erica Meyera, Normalize.css (które technicznie nie jest resetem, lecz "normalizatorem", zachowującym przydatne style, ale ujednolicającym je) lub bardziej minimalistyczne rozwiązania.