Medidas y unidades en CSS

Medidas y unidades en CSS
COMPÁRTELO:

Las medidas de longitud se pueden expresar en valores numéricos positivos o negativos.

Aunque hay que tener en cuenta que determinadas propiedades sólo se aceptan valores positivos. El valor en sí suele indicarse, generalmente, junto con una unidad. La unidad viene inmediatamente a continuación del valor (sin espacio en blanco), expresada, por regla general, mediante abreviatura de una o dos letras, por ejemplo mm para milímetros o px para pixeles.

Constituye una excepción las propiedades que admiten valores numéricos sin indicación de unidad, por ejemplo z-index (describe una posición en el eje de coordenadas Z) o line-height (describe un factor). Tampoco al valor 0 (cero) es necesario añadirle ninguna unidad.

Es muy importante distinguir entre valores de longitud absoluta y relativos. Las unidades absolutas indican siempre  una longitud fija, mientras que con las relativas la longitud se calcula siempre con relación a otros elementos.

Entre las unidades absolutas están la pulgada (in), el centímetro (cm), el milímetro (mm), el punto (pt) y la pica (pc). No es nada aconsejable utilizar unidades absolutas ya que su transmisión al monitor u otros dispositivo resulta, cuando menos vaga. La mayor desventaja, no obstante, es que, en muchos casos, el usuario no puede influir en esos valores (también en función del navegador). Por ejemplo, los tamaños de fuente definidos con valores absolutos normalmente no se pueden modificar.

Entre las unidades relativas se encuentran:

  • La altura EM (em).

El tamaño de fuente del elemento.

  • La altura X (ex)

El tamaño de fuente relativo a x de la fuente definida.

  • El pixel (px)

Datos de longitud y anchura referentes a la resolución de pantalla; no es aconsejable el pixel como unidad, ya que los 96 dpi (o ppp) declarados por la norma CSS muy pocas veces se cumplen. Por eso, el tamaño de un pixel puede variar considera considerablemente en función del tamaño y la resolución del monitor. Además, las longitudes indicadas en esta unidad no se pueden escalar.

Algunas propiedades también aceptan valores porcentuales (%). En ese caso hay que fijarse bien a qué elemento se refiere el cálculo correspondientemente, por ejemplo, al elemento inmediatamente superior, o a la superficie visible de la pantalla (Viewport).

En la práctica, las unidades que mejor resultado han dado son las EM y las porcentuales. Son más fiables y calculables. El uso de EM es más flexible, ya que permite indicar también valores decimales (por ejemplo 2.75em), mientras que los valores porcentuales, o sus fracciones, resultan difíciles de calcular.

Compártelo:

Profesor de la Universidad de Guadalajara

Hugo Delgado Desarrollador y Diseñador Web en Puerto Vallarta

Profesional en Desarrollo y Posicionamiento Web desde hace más de 10 años continuos.
Contamos con más de 200 constancias y reconocimientos en la trayectoria Académica y Profesional, incluidos diplomados certificados por Google.

ARTÍCULOS RELACIONADOS:

1 Comentario(s)

  1. Jose

    Las medidas de longitud se pueden expresar en valores numéricos positivos o negativos.

Deja un comentario

Recomendado para ti:

La vida útil de un sitio WebLa vida útil de un sitio Web

Un buen sitio Web no es uno que consulte una vez y después olvide, es aquel que puede añadir a sus marcadores y al qu...

Síguenos en Facebook