html - sirve - Margen y relleno de la etiqueta<Body>
etiquetas html (4)
- En primer lugar, es probable que sea
4pxy no4. En segundo lugar, esa es la forma en que el proveedor del navegador decidió que debería ser la opción predeterminada. - Se guarda en las hojas de estilo predeterminadas del navegador.
- Puedes, pero no deberías . Se diferencia con cada navegador. ¡Buscalo en Google!
How do I change default stylesheet on <insert browser here>? - Probablemente haya pequeñas diferencias, debería poder decir ... mirando las hojas de estilo predeterminadas :)
Esa diferencia es una de las razones principales por las que los diseñadores utilizamos un restablecimiento de CSS, para normalizar toda la incomodidad de CSS que sigue a diferentes implementaciones de navegador.
Estoy escribiendo un código HTML muy simple que aparece a continuación. Escrito en el bloc de notas y abriéndose en IE-8 y Firefox (OS: Window Vista).
<html>
<body>
<table border="1"><tr><td>test</td></tr></table>
</body>
</html>
No hay nada especial en el código anterior, está creando algo de espacio desde la esquina superior izquierda.
El cual puede ser removido fácilmente usando el siguiente código
<body style="margin:0; padding:0">
Ahora he descubierto el margen y el relleno predeterminados, que son 4 para Firefox y diferentes para IE-8.
<body style="margin:4; padding:4">
Tengo una pregunta sobre este escenario.
- ¿Por qué este valor es 4?
- ¿De dónde viene este valor, se guarda en alguna parte?
- ¿Podemos modificar (configurable) este valor por defecto?
- ¿Cómo estos valores son diferentes para los navegadores?
Gracias.
Agregue esto en la parte superior de su hoja de estilo
*{margin:0px;padding:0px;}
Esto eliminó todas las diferencias en el relleno y el margen entre los navegadores.
Los navegadores tienen "valores predeterminados sanos" incorporados para el CSS de la mayoría de los elementos HTML: esto solo evita que su página parezca completamente ilegible si tiene HTML puro sin CSS, pero, por supuesto, está previsto que sean reemplazados por su propio CSS.
Los estilos de navegador predeterminados se suelen denominar "Hoja de estilo del agente de usuario" ; el siguiente sitio es una buena referencia de las diversas hojas de UA peculiares que IE ha tenido a lo largo de los años y también proporciona otras para otros navegadores en la parte inferior:
Un método que mucha gente usa para "normalizar" los valores predeterminados para que tenga el mismo punto de partida en todos los navegadores es un "Reinicio de CSS" : esto es solo un fragmento de CSS que coloca antes de su propio CSS que establece todos los UA. Estilos a la misma cosa. Este es un bien conocido:
Prueba esto
body{
line-height: 0
}