Tabla de contenido
¿Cómo funciona em en CSS?
La unidad em hace referencia al tamaño en puntos de la letra que se está utilizando. Si se utiliza una tipografía de 12 puntos, 1em equivale a 12 puntos . El valor de 1ex se puede aproximar por 0.5 em . La regla CSS anterior indica que los párrafos deben mostrar un margen de anchura igual a 1em .
¿Cómo utilizar em y rem en CSS?
Como regla general ten en cuenta:
- Si estás haciendo un estilo que pretendes utilizar en muchos elementos distintos, por ejemplo una class de CSS que pretendes usar en varias partes, es mejor usar rem.
- Si lo que quieres es que el tamaño sea variable en función de dónde estés usando el estilo, usa em.
¿Cuánto es un em?
La unidad se expresa como 1 EM o como em 1, y equivale a 16 puntos.
¿Cómo ajustar una imagen con CSS en un contenedor padre?
Muchas veces quieres ajustar una imagen con CSS en un contenedor padre; por ejemplo tienes un contenedor a 1920×1080 y quieres que la imagen ocupe todo ese espacio y sin distorsionarse; y además quieres que la imagen vaya adaptándose según la resolución de la pantalla; pues, esta propiedad llamada object-fit que nos trae CSS es para ti.
¿Cuáles son las cosas que notarás sobre la escritura de CSS?
Una cosa que notarás sobre la escritura de CSS es que trata mucho sobre cajas —ajustando su tamaño, color, posición, etc—. Puedes pensar en la mayoría de los elementos HTML de tu página como cajas apiladas una sobre la otra. No es de extrañar que el diseño de CSS esté basado principalmente en el modelo de caja.
¿Cuáles son las unidades de medida en CSS?
Cuando se trata de unidades de medida en CSS, se pueden distinguir dos grandes grupos, las unidades absolutas y las unidades relativas. En lo que se refiere al tamaño de fuente tipográfica, la unidad absoluta estrella es sin duda el píxel ( px ), y entre las unidades relativas destacan las unidades em y rem, junto al viejo porcentaje ( \% ).