Ver Mensaje Individual
  #6 (permalink)  
Antiguo 08/02/2011, 19:41
GaDo
 
Fecha de Ingreso: enero-2007
Mensajes: 16
Antigüedad: 17 años, 3 meses
Puntos: 0
Respuesta: Duda Sobre Css - Diferencias entre %, em y nada

Cita:
Iniciado por kseso? Ver Mensaje
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.
Muchas gracias por la respuesta. Ojala haya mas gente como tu en los foros de PHP.

Saludos y de nuevo gracias. me quedo clarisimo.