Bienvenido a la Comunidad de Treehouse

¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.

¿Buscas aprender algo nuevo?

Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de

Inicia tu prueba gratuita

CSS Conceptos Básicos de CSS Entendiendo Valores y Unidades Unidades Em y Rem

Jacqueline Sadberry
Jacqueline Sadberry
948 Puntos

¿Qué fórmula se está utilizando para determinar el número correcto de píxeles/ems?

He estado intentando averiguarlo desde el video anterior, pero ¿cómo sabes que 80px son 4ems?

¿Es algo como: 400% dividido entre 100% es igual a 4, multiplicado por 20px es igual a 80px...y el equivalente es el resto de cuando divides el % entre 100? (¿Entonces 4em?)

Siento que lo estoy complicando mucho más de lo que debería ser.

1 Respuesta

Brian Jensen
sello-máscara
PERSONAL
.a{fill-rule:evenodd;}techdegree
Brian Jensen
Profesor de Treehouse

Excelente pregunta Jacqueline Sadberry!

¡Vas por buen camino con tu razonamiento! Lo principal que debes recordar es que 1em = el tamaño de fuente del parent elemento.

En el ejemplo del video, el tamaño de fuente del elemento body se estableció en 20px, y el h1 tenía la intención de ser 80px. Entonces, la fórmula sería 80 ÷ 20 = 4 que es de donde proviene el 4em .

El efecto acumulativo que puede ocurrir con elementos anidados al usar em, me duele la cabeza jaja. :exploding_head: Personalmente solo uso rem para mis tamaños de fuente para mantener las cosas simples y uniformes.

Jacqueline Sadberry
Jacqueline Sadberry
948 Puntos

¡Ay, eso es mucho más simple que las matemáticas de "la ronda de las rosas" que hice en mi cabeza! Gracias, tendré que asegurarme de incluir eso en mis notas. (^_^)