Expresa-la

Onte, tras o problema que eu atope co redefine CSS Google Chrome ... penso escavar un pouco máis para a área de follas de estilo do autor do axente ...
Atopou esta táboa sobre os valores estándar de CSS2.1 usuario Folla de Estilos axente ... (para quen non sabe que "usuario Folla de Estilos" Axente é seguir o que é Folla de Estilos User Agent (especificación) .

Para unha lista completa de CSS 2.1 do usuario Follas Axente patróns de estilo prema aquí

Onte, como todos os outros "Día Ground Hog", estaba a traballar en algúns esquemas CSS / tableless. Todo estaba indo ben no IE 7, 3 FF e Chrome, untill de súpeto, vin algunhas marxes un-ignoráveis ​​visto só en Google Chrome. A pesar de moi raro e preocupante, era un problema de novo erro / que eu tiña benvida accross, houbo finalmente un pouco de temperado no meu traballo mundano. Triste (pero agradable) que foi fixado nuns minutos da sonda ...

Basicamente, parecía Google Chrome ignorou meu CSS redefine (Margin: 0px). De feito, foi causado polo estilo axente de usuario (-webkit-recheo de inicio: 40px). Entón a solución foi axustar ese estilo, definindo padding: 0 elementos mal comportados.
Unha boa forma de evitar que este problema ocorre con calquera elemento é por este descanso CSS global como segue

* {Margin: 0; padding: 0;}

Qué é o User Axente follas de estilo (especificación)?
O seguinte fragmento é eliminado http://meiert.com/en/blog/20070922/user-agent-style-sheets/ enlace, siga a ler máis sobre Follas de Estilo do usuario do Axente

CSS 1 introduce a idea ao afirmar que cada User Agent (UA, moitas veces un "navegador" ou "cliente web ') terá unha folla de estilo estándar que presenta documentos nun razoable - pero, sen dúbida mundano - xeito. CSS 2 di que os axentes de usuário conforme debe aplicar unha folla de estilo estándar (ou se comportan como se fixo) e que unha folla de axente de usuario estilo estándar debe presentar os elementos da linguaxe do documento de forma que satisfaga as expectativas de presentación xerais para o idioma do documento; CSS 3 é susceptible de ser da mesma mente.

Como as especificacións CSS deixalo ata implementacións usar unha folla de estilo "real" para a visualización por defecto ou non, non é sorprendente que non atopa unha folla de estilo estándar en cada cartafol de instalación do navegador. A diferenza do navegador de Microsoft, así como Opera, por exemplo (e, tanto canto eu sei), navegadores Gecko como Firefox eo Netscape Navigator (buscar "html.css"), pero tamén o Konqueror facelo moi sinxelo de comprender o seu estilo por defecto.

A redefinición CSS é / son CSS para definir un número de estilos de elementos para unha liña de base específica que crea consistencia entre varios navegadores.

Todos nós fomos a través dos pesadelos de escribir CSS cross-browser do. Entón, cando comezamos a escribir o noso CSS, é unha práctica para redefini-la primeiro para eliminar / redefinir as inconsistencia cross navegador. Redefine CSS, son simples liñas de CSS que comeza o seu CSS con, dándolle unha base limpa para empezar a construír o seu enriba.

O redefine CSS normalmente tenden a usar esta aparencia

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;
}

Restablecer o tamaño da fonte navegador
Ademais, conta a reposición que foi aplicado ao tamaño do navegador de fonte na liña seguinte ...

html {font-size: 76%;}

O CSS enriba redefine o tamaño da fonte navegador a 10 píxeles, o que fai posible traballar con tamaños de fontes relativos (que é todo importante a partir dun acordo WAI prespective)
Por exemplo, na seguinte definición, tamaño da fonte nun período defínese como 10 píxeles e que na do n ° defínese por 14 píxeles ...

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