CSS Reset de várias maneiras

Criando seu CSS Reset

— 2 minutos de leitura

Editar este artigo

Se este conteúdo te ajudar, considere apoiar meu trabalho através do Apoia.se

Todo elemento HTML tem um estilo padrão que é injetado pelo Browser. O legal é que não existe um padrão entre eles. O Chrome tem seu estilo, o Firefox tem o dele, o Safari e Opera também...

Isso pode gerar incompatibilidade com o CSS que você escreve. As vezes você coloca um espaço aqui, outro ali e quando abre no IE vê que está tudo bagunçado!

O CSS Reset é uma técnica que serve para evitar esse problema. Você remove ou seta valores para as propriedades dos elementos conforme necessário. Existem várias formas de se fazer um CSS Reset. Vou citar algumas que eu já utilizei.

Reset Genérico permalink

Basta colocar esse código no início do arquivo:

* {
padding: 0;
margin: 0;
border: 0;
box-sizing: border-box
}

Pronto, todos (*) os elementos ficarão sem borda, sem preenchimento e sem margem. Ai é só ir estilizando conforme for necessário.

Erick Meyer CSS Reset permalink

Esse é muito utilizado e divulgado pela Web. Utilizei por um bom tempo!

Da uma olhada nesse link para conhecer melhor.

CSS Reset do Yahoo permalink

É bem útil também! É o Reset do YUI.

Basta olhar esse outro link. ;)

Normalize.css permalink

E agora vem o que eu mais gosto e tenho utilizado no dia-a-dia. Gosto mais desse por que ele não somente tira os estilos, mas aplica estilos padrões que deixa tudo igual em todos os Browsers.

Clica nesse link e você vai conhecer o danado.

Lembre-se sempre que o Reset vem antes dos estilos que você vai aplicar na interface.

Este conteúdo te ajudou? permalink

Se eu consegui te ajudar, considere contribuir com o meu trabalho através dos links abaixo.

Qualquer valor é muito bem vindo e os apoios começam a partir de 1 real. Apoiar via Apoia.se Apoiar via PicPay Apoiar via PayPal