UNIDADES EN CSS: REM VS EM VS PX

preview_player
Показать описание
🔔 Activa la campanita de notificaciones

❤️ Sígueme en las redes sociales:

➡️ Más videos dentro del canal:

Рекомендации по теме
Комментарии
Автор

excelente explicación! realmente no lo entendí del todo al buscarlo en paginas enciclopedias de css y html. En definitiva no hay texto que supere la explicación clara y elocuente humana con herramientas audiovisuales.

andreezarate
Автор

muy claro la neta! tenia esa duda desde hace tiempo, pero nunca le tome tanta importancia, genial ! gracias!

raulgallegos
Автор

¡Muy bien explicado! Lo entendí. Muchas gracias.

sdfsfsfd
Автор

Hola me pueden decir si el em en unidad también aplica para el border y width? O solo a ellos se aplica pixeles

alexivarov
Автор

Todo claro. De momento no me toca ir a al documentacion . basto este video :D

vldevrrm
Автор

Hola, buen vídeo para aclarar conceptos, una pregunta anexa, ¿Que teclado utilizas?

dsalinas
Автор

Cuando le doy un font-size al body el rem no hereda el tamaño del body, pero si le doy font-size al html el rem si lo hereda del html, porque? espero haber explicado bien

pineapplenov
Автор

Puedes ayudarme con algo, , cual es la diferencia entre selector e ID?

juan
Автор

Excelente video Marcos. Muchas gracias.


Mi duda: en otra explicación, leí que se suele confundir la creencia de que EM toma el valor del tamaño de la fuente a partir del elemento padre (justamente lo que tú dices), cuando en realidad comienza tomando su propio tamaño primero, desde ahí hacia arriba.

Lo pondré en práctica en este momento y volveré a editar el comentario con los resultados. Saludos!

**EDIT**
Efectivamente, toma el valor desde el elemento mismo hacia arriba (padres).
En el siguiente ejemplo, el elemento <p> tiene un margin-left de 45px (no 30px):
<html>
<head>
<style>
html{ font-size: 15px; }
div{ font-size: 30px; }
p{ font-size: 45px; margin-left: 1em; }
</style>
</head>
<body>
<div>
<p>Mi texto</p>
</div>
</body>
</html>

BBazznOvO
Автор

Gracias amigo por la explicación!
Siguiendo los consejos para principiantes, podrías hacer algun video asi como de este tipo para saber bien como ESTRUCTURAR correctamente un proyecto web. Me refiero a q algunos tienen carpeta public, assets, css, cual sería la mejor forma o la que tu utilizas para organizarse mejor.
Y por otro lado como hacer para organizarse a la hora de NO REPETIR CÓDIGO. Me sucede mucho en CSS que no se como debo tener un archivo BASE y me la paso repitiendo codigo a medida q voy creando, estaría bueno si puedes eso ya que sería para principiantes tambien y llamaria la atención para los que estamos en este mundo =). Muchas gracias!

ZeRByTe
Автор

Me sales hasta en la sopa!!
Gracias!! <3 xD

blindcode
Автор

Genial
Estaba Buscandio Una Respuesta Clara, Porque No entendi nada.
Gracias Gracias

jorgebravosepulveda
Автор

excelente gracias, pude entenderlo perfectamente. Aunque me parecio raro ver que tome el tamaño del font-size en PX hacia el padding. Pense que deberian compartir el mismo subelemento,
por ej
Contenedor padre
font-size: 2px
Padding 1px
Contenedor hijo
Padding 2em =(2px)

Darkar
Автор

Hay algo que no me queda muy en claro. En el #container le defines un font-size de 12px pero, el font-size sirve para el tamaño de las letras y en el form le modificas el padding y no el font-size. No logro comprender porque el padding toma el tamaño del font-size si son dos propiedades distintas. Según mi lógica, para que el padding pueda ser relativo al al padding del padre, tendría que ser la misma propiedad. Me está costando esto de las unidades. 😂

chalvarenga
Автор

deberian llamarlos rem y fem por root y father cxd

JUANQUISPE-mo