Rafael Marin

Todos os browsers possuem padrões de apresentação, mas eles diferem de um para outro (nos browsers da família Gecko existem os mesmos padrões). Por exemplo, certos browsers renderizam listas ordenadas e não-ordenadas com left-margin, já outros aplicam left-padding.

Existem inúmeras outras diferenças. Você as percebe quando está começando a fazer seu CSS e testa a página no IE e no Firefox ao mesmo tempo. Quando você ainda não aplicou nenhum estilo, os próprios estilos dos browsers mudam um pouco. Para uns os cabeçalhos tem um padding maior, um alinhamento vertical diferente, e assim por diante.

Para garantir o máximo de fidelidade em todos os browsers, resetar os estilos antes de começar a fazer a camada de formatação é uma boa pedida. Evita, muitas vezes, que seja necessária a utilização de conditional comments ou hacks.

A solução, então, é simples: antes de começar a desenvolver o CSS propriamente dito, basta zerar os principais seletores do CSS, aplicando-os a todos os elementos, como no exemplo:


* {
margin: 0;
padding: 0;
border: 0;
}

Além disso, pode ser feito o reset de seletores para elementos específicos:


h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}

O que pode ser feito para minimizar as necessidades de utilizar métodos alternativos - e não tão “politicamente corretos” - é sempre bem vindo. Você pode definir posicionamentos, tamanhos, fontes, etc. Se você não tem esse hábito de zerar os seletores, crie-o. Ajuda bastante.

Veja também

• Reset reasoning - Eric Meyer
• Coisas úteis que não funcionam no IE #3 - Seletor com asterísco - Tableless.com.br

Este artigo foi publicado em 04 de May de 2007 às 4:14 pm em CSS.