O que é 'normalize' em CSS?

normalize.css ou soluções semelhantes em funcionalidade (por exemplo, Reset CSS) são utilizados para redefinir ou normalizar os estilos padrão, que variam entre navegadores. Isto garante uma renderização mais previsível e uniforme dos elementos em diferentes plataformas.

Principais diferenças entre normalize.css e Reset CSS:

• Reset CSS: Redefine os estilos de todos os elementos ao mínimo (por exemplo, elimina margens, bordas e tipografia). É útil para criar um design totalmente personalizado, mas requer adicionar manualmente muitos estilos para elementos padrão (listas, formulários, etc.).
• normalize.css: Corrige as discrepâncias nos estilos padrão, mantendo estilos úteis padrão (por exemplo, tipografia para títulos, margens para listas). Isto minimiza a necessidade de sobrescrever estilos posteriormente.

Exemplos de normalização:

• Apresentação uniforme de <h1>-<h6> em diferentes navegadores.
• Redefinição de margin e padding para elementos como body.
• Correção de diferenças na visualização de formulários e botões.

/* Exemplo de normalize.css para o body */
body {
  margin: 0; /* Remove a margem padrão */
}

/* Exemplo de normalize.css para h1 */
h1 {
  font-size: 2em; /* Define o tamanho padrão */
  margin: 0.67em 0; /* Define as margens padrão */
}

Resumindo, usar normalize.css ajuda a evitar problemas de compatibilidade entre navegadores nas fases iniciais de desenvolvimento e cria uma base mais estável para estilos futuros.