Programación Web » Aprender CSS » Unidad 1. Aprender CSS:

Medidas y unidades en CSS

Visto: 581

css

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.

Artículos de navegación

Acerca del Profesor

Adrián Delgado Rodríguez

Ingeniero en Computación, docente por convicción y apasionado por la programación Web.

Actualmente trabaja como Profesor para en el Centro Universitario de la Costa de la Universidad de Guadalajara y como Desarrollador Web.

Síguenos:

 

Ver el perfil completo de Hugo Adrián Delgado Rodríguez (akus.net).

Deja un comentario

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




Diseño de páginas Web en Puerto Vallarta y Bahía de Banderas akus.net
subir

Síguenos en Facebook

Artículo de la semana

Cómo iniciar una página WebMetodología para la creación de sitios

Comprende las fases de Análisis, Planificación, Contenido, Diseño. ¿Qué método utilizas?