¿Cuáles son los márgenes predeterminados para las etiquetas de encabezado html (<h1>, <h2>, <h3>, etc.)?
Evito usar los valores predeterminados con el siguiente código de reinicio:
margin:0px; and padding:0px;
Por ejemplo, ¿cuáles son los márgenes predeterminados para la siguiente etiqueta de encabezado?
<h1>Header</h1>
Es diferente según el navegador, por lo tanto, si desea un diseño con píxeles perfectos, la práctica es "restablecer" esos valores a 0 (margen y relleno) y configurarlos usted mismo.
El "restablecimiento de CSS" es muy común para los desarrolladores de aplicaciones para el usuario, un ejemplo simple de uno que uso:
html,body,blockquote,code,h1,h2,h3,h4,h5,h6,p,pre{margin:0;padding:0}
button,fieldset,form,input,legend,textarea,select{margin:0;padding:0}
fieldset{border:0}
a,a *{cursor:pointer}
div{margin:0;padding:0;background-color:transparent;text-align:left}
hr,img{border:0}
applet,iframe,object{border:0;margin:0;padding:0}
button,input[type=button],input[type=image],input[type=reset],input[type=submit],label{cursor:pointer;}
ul,li{list-style:none;margin:0;padding:0;}
strong{font-weight:bold;}
em{font-style:italic;}
La especificación CSS tiene un Apéndice D informativo. Hoja de estilo predeterminada para HTML 4 .
Aunque es informativo todavía dice:
Se anima a los desarrolladores a utilizarla como hoja de estilo predeterminada en sus implementaciones.
Allí puedes encontrar
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu { margin: 1.12em 0 }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }
Tu pregunta:
Varía entre navegadores. Consulte las hojas de estilo predeterminadas específicas de cada navegador para saberlo.
Para Google Chrome, por ejemplo, es 0.67em.
¿Una mejor solución?
Sepa que si desea lograr la coherencia del navegador X, deberá utilizar un restablecimiento de CSS .
El más común es:
* { padding: 0; margin: 0; }
Aunque existen otros (y probablemente mejores).
