Criando um CSS Reset

Como primeiro post começarei criando a primeira coisa a se adicionar quando criamos um novo layout web, que é um CSS Reset. Todos sabemos que por padrão os navegadores estilizam alguns elementos, para que na falta de um CSS, ainda sejam legíveis as páginas web. Porém isso acaba atrapalhando no nosso CSS, como é o caso da margem padrão do documento, mas chega de papo e vamos a prática.

Primeiro começamos removendo as margens internas e externas e também configurando a fonte nos elementos.

Depois marcamos as tags de blocos, para que em todos os navegadores interpretem-nas corretamente:

Depois removemos os estilos das tabelas:

E para finalizar tiramos qualquer estilos dos blockquotes e pronto, temos um CSS Reset completo:

Esse projeto está hospedado no GitHub sobre uma licença MIT e vocês podem baixar, ajudar e principalmente compartilhar!

Deixe seu comentário se gostou ou sugestões de melhoria!

Carlos Amaral

Programador, entusiasta da tecnologia, admirador da cultura japonesa e cristão protestante. Nascido em Porangatu interior de Goiás, cursou Sistemas de Informações tendo que abandonar na metade para uma mudança geográfica. Veio parar em Joinville - SC, capital da dança, onde atualmente está trabalhando com programação web e constituindo família.