duda con tamaños h1, h2

malakian · #1 (**permalink**) 10/12/2012, 16:11

Buenas forer@s,

bueno en mi camino de aprendizaje me encontré con un comportamiento que para mi es extraño.

tengo la siguiente estrucutura

Código HTML:

Ver original<body>
 <h1>Hola soy un titulo</h1>
 <h2>Hola soy un titulo</h2>
</body>

le doy un estilo al body

Código CSS:

Ver originalbody{
 font-size:20px;
}

No se por que las etiquetas h1 y h2 NO heredan ese tamaño, ya que el body los contiene.

Si cambian un poco pero no son iguales, ahora hago esto

Código CSS:

Ver originalh2{
 font-size:20px;
}

Para que h2 sea igual, pero se vuelve mas pequeño, no entiendo este comportamiento, alguien me podria ayudar? he buscado pero no logro comprender gracias.

ArturoGallegos · #2 (**permalink**) 10/12/2012, 16:32

independiente que pongas de tamaño en el body cada navegador ya cuenta con valores predifinidos para ciertos elementos, como en este caso los títulos aunque claro todos estos valores son relativos al tamaño del elemento padre, es decir, si cambias el tamaño en el body también afecta a los títulos ya que estos toman su tamaño en relación al body o aquel que sea el elemento padre, mas no el valor de este.

no recuerdo si estas medidas son en porcentajes o em, pero cual sea el caso no importa mucho mientras tu apliques el reset y declares tus propios valores.

o bueno eso es lo ideal aplicar un reset y posteriormente declarar los valores que necesitas.

malakian · #3 (**permalink**) 10/12/2012, 16:39

Muchas gracias, aplique un reset css que encontré y las h1 ahora se ven exactamente iguales, gracias