No entendí muy bien la parte del font size en el body, refiriendome al 62.5% de font-size al elemento. html trae por defecto un tamaño de...

Pedro M. Toribio

Pedro M. Toribio

Pregunta
studenthace 4 años

No entendí muy bien la parte del font size en el body, refiriendome al 62.5% de font-size al elemento.

html trae por defecto un tamaño de 16px?

Por que 2.6 rem es igual a 26? obvio es por que 2.6 x 10 = 26

pero de donde viene el 10 o donde se establece?

5 respuestas
para escribir tu comentario
    Pedro M. Toribio

    Pedro M. Toribio

    studenthace 4 años

    gracias, ya curse el curso

    Sergio Brandon De Lucio Chavero

    Sergio Brandon De Lucio Chavero

    studenthace 4 años

    Te recomiendo tomar el curso definitivo de HTML y CSS <3

    Además de leer la explicación de nuestro compañero Patricio Villarroel. <3

    Patricio Villarroel Durán

    Patricio Villarroel Durán

    studenthace 4 años

    Claro, al definir un font-size en el html, luego puedes usar unidades rem que heredan el tamaño que acabas de definir. Por eso funciona. ¡Qué bueno que pudiste entender todo!

    Pedro M. Toribio

    Pedro M. Toribio

    studenthace 4 años

    Hola Patricio

    Gracias bro, si me acuerdo de los videos lo que no me enteraba si esos px se aplicaban a diferentes elementos de html o si solo eran al font-size. Sin embargo, horas mas tarde entendi todo. AHORA AUN MAS GRACIAS A TI!!!!

    Patricio Villarroel Durán

    Patricio Villarroel Durán

    studenthace 4 años

    Hola Pedro

    No es que HTML traiga por defecto 16 px para el texto, sino que eso viene definido en las hojas de estilo por defecto de los navegadores. Casi todos los navegadores indican 16px como estándar para el font-size.

    Entendiendo eso, lo que hace el profesor en el body es cambiar ese valor de 16px por 10px al ajustar el tamaño al 62.5% de 16. De ahí viene el 10.

    Si recuerdas, en una clase anterior se definió:

    html { font-size: 62.5%; font-family: "DM Sans", sans-serif; }

    Podría ser

    font-size: 10px
    directamente, pero queremos respetar el tamaño de fuente predefinido por el navegador, si un usuario lo ha modificado para tener textos más grandes, queremos ajustarnos a eso también.

    Pero asumiendo los 16px por defecto, es que entonces un tamaño de 2.6 rem es igual a 26 px. Si no, sería a 41,6 px.

Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.

Curso de Responsive Design: Maquetación Mobile First
Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.