Ver Mensaje Individual
  #4 (permalink)  
Antiguo 08/02/2011, 15:53
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Duda Sobre Css - Diferencias entre %, em y nada

Cita:
Iniciado por GaDo Ver Mensaje
Por ejemplo.

line-height: 1;
line-height: 1em;
line-height: 1%;
Cual es la diferencia ?.
Gracias
Cita:
Iniciado por mariomon17 Ver Mensaje
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.