Unidades CSS
Al especificar los valores numéricos o la longitud de las propiedades CSS, como width o font-size usted tiene la opción de las distintas unidades. Los 3 más utilizados son píxeles, los valores relativos y porcentajes.
Pixeles
Los píxeles son los pequeños puntos que componen la pantalla de su ordenador y son la unidad más precisa se puede utilizar para este medio. Si se establece un ancho de 100 píxeles se mostrará exactamente así, ni más ni menos. Para establecer los valores en píxeles que simplemente añada un derecho px después el valor.
Unidad de pixel CSS
Valores relativos
Los valores relativos se utilizan a menudo para font-size , Aunque pueden ser utilizados para cualquier propiedad numérica, también. Están en relación con el elemento actual y se establecen añadiendo un Em. 1em siempre utiliza el valor actual sin cambios, 2em utiliza el medio de matrimonio y 0.5em usos de la misma (técnicamente em medios en relación con la anchura de los caracteres en minúscula m en el actual fuente).
CSS unidad de valor relativo de
p {font-size:2em}
Por encima de código establece la font-size a 13 píxeles para el elemento del cuerpo. Los elementos del párrafo en el interior del cuerpo a utilizar un valor relativo de 2em, duplicando así el valor a 26 píxeles.
Si usamos 1.9em lugar, el valor se traducirá en el apartado 24.7 píxeles. Debido a una pantalla de computadora sólo puede mostrar píxeles todo el navegador tratará de redondear el valor a 24 píxeles, o sea 25 píxeles que a veces puede causar incoherencias entre los navegadores.
Porcentajes
Los porcentajes de trabajo más o menos la misma manera que los valores relativos. 100% toma el valor actual sin cambios, 200% dobles y así sucesivamente. Los porcentajes se han establecido añadiendo un%.
Unidad de porcentaje de CSS
p {font-size:200%}
Cero
Cuando un valor se establece en cero no hay necesidad de declarar una unidad.
CSS valor cero
Otras unidades
Hay algunas unidades más raramente usados tales como pc (picas), cm (centímetros), mm (milímetros), en (pulgadas) y PT (puntos).
Directrices de uso
1. Los valores relativos de las fuentes
Un sitio web debe ser flexible y de tamaño variable, incluyendo las fuentes (manteniendo pulsada la tecla Ctrl y moviendo la rueda del ratón). Algunas versiones antiguas de Internet Explorer se niegan a cambiar el tamaño de las fuentes si se especifica la font-size en píxeles. Utilice un valor relativo en su lugar. 76% para la <body> de fuentes y em para todas las fuentes de otros es una técnica utilizada para obtener fuentes coherentes en todos los navegadores.
2. Pixeles sólo si es necesario
La regla general es utilizar valores relativos y los porcentajes siempre que sea posible para asegurar una distribución flexible en todos los medios de comunicación. A pesar de los píxeles se puede si es necesario a la posición de las cosas de manera muy precisa en la pantalla.