Unidades de CSS (Unidades)

单位用于在CSS属性中指定非零长度值,CSS常用的单位有：px，em，pt，百分比（%）等。

了解CSS单位

测量长度的单位可以是绝对单位，例如像素，点等，也可以是相对单位，例如百分比（%）和em单位。

非零值必须指定CSS单位，因为没有默认单位。缺少或忽略一个单位将被视为错误。但是，如果值为0，则可以省略单位（毕竟，零像素与零英寸是相同的度量）。

相对长度单位

相对长度单位指定相对于另一个长度属性的长度。相对单位是：

该em和ex单位取决于套用至元素的字体大小。

使用Em单位

度量1em等于fuente-tamaño使用它的元素的属性的计算值。它可以用于垂直或水平测量。

例如，如果font-size将元素的设置为16px并line-height设置为2.5em，则line-heightin像素的计算值是2.5 x 16px = 40px。

p　{
　　　　fuente-tamaño:　16px;
　　　　line-altura:　2.5em;
}

在font-size属性本身的值中指定em时会发生异常，在这种情况下，它引用父元素的字体大小。

因此，当我们在中指定字体大小时em，1em等于Inherited font-size。因此，font-tamaño: 1.2em;使文本比父元素的文本大1.2倍。

body　{
　　　　fuente-tamaño:　62.5;
　　　　fuente-family:　Arial,　Helvetica,　sans-serif;
}
p　{
　　　　fuente-tamaño:　1.6em;
}
p:firt-letter　{
　　　　fuente-tamaño:　3em;
　　　　fuente-peso: bold;
}

Vamos a entender todo el significado de este código. En todos los navegadores modernos, el tamaño predeterminado de la fuente es16px. Nuestro primer paso es establecer el texto font-tamaño de62.5％ para reducir el tamaño total del documento, lo que restablecerá el tamaño de la fuente a10px (16px de62.5％).

Este es el valor predeterminado de redondeofuente-tamañopara facilitar la conversión de px a em.

Usar dispositivos de prevención de explosiones

La unidad ex es igual a la altura x de la fuente actual.

Se llama altura x porque generalmente es igual a la altura de la minúscula 'x', como se muestra a continuación. Sin embargo, el ex también define para fuentes que no contienen 'x'.

Unidades de longitud absolutas

Las unidades de longitud absolutas se determinan mutuamente. Son altamente dependientes del medio de salida, por lo que son particularmente útiles cuando se conoce el entorno de salida. Las unidades absolutas consisten en unidades físicas (in, cm, mm, pt, pc) y unidades px.

Unidades físicas absolutas, como in, cm, mm, etc., deben utilizarse para medios de impresión y dispositivos de alta resolución similares. Para pantallas de escritorio y dispositivos de baja resolución, se recomienda usar unidades de píxeles o em.

h1　{ margen: 0.5in; }　　　　　　　/*　pulgadas　　*/
h2　{ línea-altura:　3cm; }　　　　/*　centímetros　*/
h3　{ palabra-espaciado:　4mm; }　　　/*　milímetros　*/
h4　{ font-tamaño:　12pt; }　　　　　/*　puntos　*/
h5　{ font-tamaño:　1pc; }　　　　　　/*　picas　*/
h6　{ font-tamaño:　12px; }　　　　　/*　picas　*/