Cómo especificar el tamaño de las unidades de medida absolutos para HTML5 y CSS3 programación

Muchas veces, es necesario especificar el tamaño de algo en CSS3. Por supuesto, el tamaño de fuente es uno de estos casos. Los diferentes tipos de medición tienen diferentes implicaciones. Es importante saber que hay dos tipos distintos de unidades en CSS.

Mediciones absolutas intentar describir un tamaño determinado, como en el mundo real. Mediciones relativas son acerca de cambios en un valor predeterminado. En general, los desarrolladores web se están moviendo hacia la medición relativa de tamaños de fuente.

Puntos (pt)

En el procesamiento de palabras, es probable que estés familiarizado con puntos como una medida de tamaño de fuente. Usted puede utilizar la abreviatura pt para indicar que usted está midiendo en los puntos, por ejemplo:

p {font-size: 12pt-}

Desafortunadamente, los puntos no son una unidad efectiva de medida para las páginas web. Los puntos son una escala absoluta, útil para la impresión, pero no son fiables en la web porque usted no sabe lo que la resolución tiene la pantalla del usuario. Una fuente de 12 puntos podría ser más grande o más pequeño en diferentes monitores.

En algunas versiones de IE, después de especificar un tamaño de fuente en puntos, el usuario ya no puede cambiar el tamaño de los caracteres. Esto es inaceptable desde el punto de vista de usabilidad. Esquemas tamaño relativo prevenir este problema.

Píxeles (px)

Píxeles consulte los pequeños puntos en la pantalla. Se puede especificar un tamaño de fuente en píxeles, aunque esa no es la forma en que normalmente hace. Por un lado, diferentes monitores hacen píxeles en diferentes tamaños. Realmente no se puede estar seguro de lo grande que un píxel estará en relación con el tamaño de la pantalla global.

Letras diferentes son de diferentes tamaños, por lo que el tamaño de píxel es una medida aproximada de la anchura y la altura del carácter promedio. Utilizar el px abreviatura para medir fuentes en píxeles:

p {font-size: 20px;}

Mediciones tradicionales (en, cm)

También puede utilizar pulgadas (en) Y centímetros (cm) Para medir las fuentes, pero esto es completamente impracticable. Imagina que tienes una página web que se muestra tanto en la pantalla y un sistema de proyección. Una pulgada en su propio monitor puede parecer diez pulgadas en el proyector. Unidades de medida de la vida real no son significativos para la web.

La única vez que usted puede usarlos es si va a imprimir algo y usted tiene conocimiento completo de cómo se configura la impresora. Si ese es el caso, es mejor usar una herramienta de diseño de impresión orientada (como un procesador de textos) en lugar de HTML.




» » » » Cómo especificar el tamaño de las unidades de medida absolutos para HTML5 y CSS3 programación