Expresando TI

Ayer, después de que el tema me encontré con la CSS Reinicia en Google Chrome ... Pensé en cavar un poco más en el área de hojas de estilo del agente ...
Se han encontrado esta tabla de valores por defecto de las hojas de estilo CSS 2.1 User Agent ... (Para los que desconocen de lo que "Hojas de Estilo en User Agent" es seguir ¿Qué es el usuario las hojas de estilo del Agente (especificación) .

Para obtener una lista completa de CSS 2.1 User Agent Hojas de estilo por defecto , haga clic aquí

Ayer, como todos los demás "Día de la Marmota", yo estaba trabajando en algunos diseños de CSS / sin tablas. Todo iba bien en IE 7, 3 FF y Chrome, hasta las de repente, vi a unos márgenes de las Naciones Unidas-ignorable visto sólo en Google Chrome. Aunque es muy extraño y preocupando, era un tema nuevo bug / que yo había venido cruzando, no fue finalmente un poco de especia en mi trabajo mundano. Es triste (pero agradable) que lo arreglaron a los pocos minutos de la sonda ...

Básicamente, parecía que Google Chrome ignoró mi Restablece CSS (margin: 0px). En realidad, fue causado por la hoja de estilo del usuario (-webkit-padding-inicio: 40px). Así que la solución consistía en restablecer este estilo mediante el establecimiento de padding: 0 los elementos se portan mal.
Una buena manera de evitar que este problema ocurra a cualquier elemento es utilizar un mundial resto CSS de la siguiente manera

* {Margin: 0; padding: 0;}

¿Qué es el usuario las hojas de estilo del Agente (especificación)?
El siguiente fragmento está tomado de http://meiert.com/en/blog/20070922/user-agent-style-sheets/ enlace, seguimiento a leer más información sobre hojas de estilo del Agente

CSS 1 introduce la idea al afirmar que cada Agente de Usuario (UA, a menudo un "navegador web" o "cliente web") tendrá una hoja de estilo por defecto que presenta los documentos en un tiempo razonable - pero sin duda lo mundano - forma. CSS 2 dice que los agentes de usuario conformes deben solicitar una hoja de estilo por defecto (o comportarse como si lo hicieron) y que la hoja de un agente de usuario de estilo por defecto debe presentar los elementos del lenguaje del documento de manera que satisfaga las expectativas generales de presentación del lenguaje del documento; CSS 3 es probable que sea de la misma opinión.

Dado que las especificaciones de CSS dejar en manos de las implementaciones de la posibilidad de utilizar una "verdadera" hoja de estilos para la visualización predeterminada o no, no es sorprendente que usted no encuentra una hoja de estilo por defecto en la carpeta de instalación de cada navegador. A diferencia de Internet Explorer de Microsoft, así como la Opera, por ejemplo (y hasta donde yo sé), los navegadores Gecko, como Firefox y Netscape Navigator (busque "html.css"), sino también de Konqueror hacen bastante fácil de comprender su estilo predeterminado.

Un reajuste CSS / CSS son para establecer una serie de estilos de los elementos de una línea de base específica que crea consistencia a través de diferentes navegadores.

Todos hemos sido a través de las pesadillas de la escritura de cross-browser CSS. Así que cuando comenzamos a escribir el código CSS, es una práctica para restablecer en primer lugar, para eliminar / restaurar las incoherencias en cualquier navegador. Restablece CSS, son simples líneas de CSS que usted comienza su CSS, dándole una base limpia para empezar a construir su sobre.

Los reajustes de CSS que normalmente tienden a utilizar este aspecto

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 el tamaño de fuente del navegador
También tenga en cuenta el reajuste que se ha aplicado al tamaño del navegador de fuente en la siguiente línea ...

html {font-size: 76%;}

Lo anterior se restablece el código CSS del tamaño de la fuente del navegador de 10 píxeles, y esto hace que sea posible trabajar con tamaños de fuente relativos (que es todo importante desde el cumplimiento de prespectiva WAI)
Por ejemplo, en la siguiente definición, tamaño de fuente en un lapso es de 10 píxeles, y que en el paragarph se establece en 14 píxeles ...

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