Aclaración de qué exactamente el tamaño de fuente CSS mide

Question

Leo la guía definitiva de Eric Meyer 3rd edition.

Su sección sobre tamaños de fuente (página 107) indica que el tamaño de fuente determina el cuadro em. Si lo hago:

span { font-size: 10px; } 

¿Establece exactamente la horizontal y la vertical del em box en 10px? Se refiere a la medición como la distancia entre las líneas de base.

Supongo que estoy un poco confundido sobre por qué se conoce como una "caja" en lugar de solo la altura, si todo lo que hace es medir la distancia vertical.

Answer 1

"em" está disponible como una unidad de medida relativa tanto en medidas verticales como horizontales.

Por lo tanto, si el tamaño de fuente actual se establece en 12px, establecer el margen: 1em en un elemento secundario crearía un margen de 12px alrededor de él. Si fuera entonces a cambiar el tamaño de letra del elemento padre a 16px, el margen también aumentaría a 16px.

Answer 2

tener una lectura de la Font size: the 'font-size' property de la especificación W3C ..

El tamaño de fuente se corresponde con el em cuadrado, un concepto que se utiliza en la tipografía.