O que é o 'reset' CSS?

O CSS de 'Reset' é um conjunto de estilos que redefine os estilos padrão do navegador para elementos HTML. Os navegadores aplicam estilos padrão (por exemplo, margens, tamanhos de fonte, espessura das bordas), que podem variar. O CSS de Reset torna esses estilos uniformes, facilitando o desenvolvimento e garantindo compatibilidade entre navegadores.

As principais tarefas do CSS de Reset:

• Remover margens e paddings padrão
• Reiniciar estilos de cabeçalhos
• Normalizar estilos de listas
• Reiniciar estilos de campos de formulário
• Definir box-sizing: border-box;, frequentemente incluído em resets modernos para simplificar o cálculo de tamanhos dos elementos.

Exemplo de um fragmento simples de CSS de Reset:

/* Reiniciar margens e paddings padrão */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Remover estilos padrão de listas */
ul, ol {
  list-style: none;
}

Existem várias implementações de CSS de Reset, como o Reset CSS de Eric Meyer, Normalize.css (que tecnicamente não é um reset, mas um "normalizador" que mantém estilos úteis e os unifica) ou soluções mais minimalistas.