Cómo especificar el tamaño de las unidades de medida absolutos para la programación html5 y css3
Video: Tutorial - Insertar mapa de Google Maps en tu web y geolocalizació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.
Las medidas absolutas intentar describir un determinado tamaño, al igual que en el mundo real. Las medidas relativas son acerca de cambios en algún valor por defecto. En general, los desarrolladores web están moviendo hacia la medida relativa a los tamaños de fuente.
Puntos (pt)
En el procesamiento de textos, probablemente esté familiarizado con puntos como una medida del tamaño de la fuente. Se puede utilizar la abreviatura pt para indicar que se está midiendo en puntos, por ejemplo:
Video: Posicionar Footer Abajo De La Página - [HTML & CSS]
p {font-size: 12pt-}Por desgracia, los puntos no son una unidad efectiva de la medida para las páginas web. Los puntos son una escala absoluta, útil para la impresión, pero no son confiables 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 mayor o menor en los distintos 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 un punto de vista de usabilidad. esquemas de tamaño relativo a prevenir este problema.
Píxeles (px)
píxeles referirse a 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 se hace generalmente. Por un lado, los distintos monitores hacen píxeles de diferentes tamaños. Realmente no se puede estar seguro de lo grande que un píxel estará en relación con el tamaño total de la pantalla.
Video: Introducción al Responsive Web Design (Webinar 05 Nov. 2014)
Las letras diferentes son 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;}Las mediciones tradicionales (en, cm)
También puede utilizar pulgadas (en) Y centímetros (cm) Para medir las fuentes, pero esto es completamente impracticable. Imagine que tiene una página web que se muestra tanto en la pantalla y un sistema de proyección. Una pulgada en su propio monitor puede parecerse a diez pulgadas en el proyector. las unidades de medida de la vida real no son significativos para la web.
El único momento en que puede usarlos es si va a imprimir algo y usted tiene un conocimiento completo de cómo se configura la impresora. Si ese es el caso, es mejor usar una herramienta de diseño orientado a lo impreso (como un procesador de textos) en lugar de HTML.