Cita:
Iniciado por GaDo Por ejemplo.
line-height: 1;
line-height: 1em;
line-height: 1%;
Cual es la diferencia ?.
Gracias
Cita:
Iniciado por mariomon17 Antes nada decirte:
line-height: 1; esto no es nada, se necesita siempre una unidad
en todo caso seria:
line-height: 1px
y es una medida absoluta, no hay mas, 1px siempre es un 1px
line-height: 1; Significa una vez el tamaño de la fuente definida para ese elemento. Así, si la fuente computada es de 14px, el interlineado será 14px. Y si definimos 2 serían 28px.
line-height: 1em; el interlineado equivale al mismo valor del tamaño de la fuente computada para ese elemento.
line-height: X%; el valor de cómputo es el tamaño de la fuente computada y sobre ese valor se aplica el X%
Line-height: Xpx; pues el valor indicado. No hay cálculo, y el interlineado es independiente del tamaño del texto. Peligroso si el tamaño de la fuente está en valores relativos, pues no hay proporcianalidad entre el tamaño de la fuente y la distancia entre líneas.
Así que tendríamos una equivalencia: 1 (sin unidades) = 1em = 100%
Y siempre el valor de cálculo es el font-size computado.
Valor computado: el valor final resultante de calcular los distintos font-size que le afecten (por declaración expresa o herencia).
Ejemplo:
Agente de usuario: 1em establecido por un usuario en 20px
Body: font-size: 1.5em en el css (valor computado 30px)
div: font-size: .5em en el css (computado 15px)
p dentro de div: font-size: 1.2em en el css (computado 18px)
Entonces un line-height de 1/1em/100% sería:
para el body: 30px
para div: 15px
para p en div: 18px
Espero haberme sabido explicar después de tanto rollo.