Expressá-la

Ontem, após o problema que eu encontrei com o Redefine CSS no Google Chrome ... pensei escavar um pouco mais para a área de folhas de estilo do usuário do agente ...
Encontrado esta tabela sobre os valores padrão de CSS2.1 usuário Folhas de Estilo agente ... (para quem não sabe do que "usuário Folhas de Estilo" Agente é seguir o que é Folhas de Estilo User Agent (especificação) .

Para obter uma lista completa de CSS 2.1 do utilizador Folhas Agente padrões de estilo clique aqui

Ontem, como todos os outros "Dia Ground Hog", eu estava trabalhando em alguns layouts CSS / tableless. Tudo estava indo bem no IE 7, 3 FF e Chrome, untill de repente, vi algumas margens un-ignoráveis ​​visto apenas no Google Chrome. Apesar de muito estranho e PREOCUPANTE, era algum problema de novo bug / que eu tinha vindo accross, houve finalmente um pouco de tempero no meu trabalho mundano. Triste (mas agradável) que foi fixado dentro de alguns minutos da sonda ...

Basicamente, Parecia Google Chrome ignorou meu CSS Redefine (margin: 0px). Na verdade, foi causado pelo estilo agente do usuário (-webkit-preenchimento inicial: 40px). Então a solução foi redefinir esse estilo, definindo padding: 0 os elementos mal-comportados.
Uma boa maneira de evitar que esse problema acontece com qualquer elemento é usar um descanso CSS global como segue

* {Margin: 0; padding: 0;}

O que é o User Agent Folhas de Estilo (especificação)?
O seguinte excerto é retirado http://meiert.com/en/blog/20070922/user-agent-style-sheets/ link, siga para ler mais sobre Folhas de Estilo do usuário do Agente

CSS 1 introduz a idéia ao afirmar que cada User Agent (UA, muitas vezes um "navegador" ou "cliente web ') terá uma folha de estilo padrão que apresenta documentos em um razoável - mas, sem dúvida mundano - maneira. CSS 2 diz que os agentes do usuário conforme deve aplicar uma folha de estilo padrão (ou se comportam como se fez) e que uma folha de agente de usuário estilo padrão deve apresentar os elementos da linguagem do documento de forma que satisfaçam as expectativas de apresentação gerais para o idioma do documento; CSS 3 é susceptível de ser da mesma mente.

Como as especificações CSS deixá-lo até implementações se usar uma folha de estilo "real" para a exibição padrão ou não, não é surpreendente que você não encontrar uma folha de estilo padrão em cada pasta de instalação do navegador. Ao contrário do Internet Explorer da Microsoft, bem como o Opera, por exemplo (e, tanto quanto eu sei), navegadores Gecko como o Firefox eo Netscape Navigator (procure por "html.css"), mas também o Konqueror torná-lo bastante simples de compreender o seu estilo padrão.

A redefinição CSS é / são CSS para definir um número de estilos de elementos para uma linha de base específica que cria consistência entre vários navegadores.

Todos nós temos sido através dos pesadelos de escrever CSS cross-browser do. Então, quando começamos a escrever nosso CSS, É uma prática para redefini-la primeiro para remover / redefinir as inconsistências cross browser. Redefine CSS, são simples linhas de CSS que você começa o seu CSS com, dando-lhe uma base limpa para começar a construir o seu em cima.

O redefine CSS que normalmente tendem a usar esta aparência

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

ul, ol {
list-style: none;
}

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

Redefinir o tamanho da fonte navegador
Além disso, note a reposição que tem sido aplicado ao tamanho do navegador de fonte na linha seguinte ...

html {font-size: 76%;}

O CSS acima redefine o tamanho da fonte navegador para 10 pixels, o que torna possível trabalhar com tamanhos de fontes relativos (que é todo importante a partir de um acordo WAI prespective)
Por exemplo, na seguinte definição, tamanho da fonte em um período é definido como 10 pixels e que na do n ° é definida como 14 pixels ...

span {font-size: 1em;}
p {font-size: 1.4em;}