Anteriormente cargamos una fuente externa de Google Fonts.
Es muy común que por ejemplo encuentres una fuente que te gusta encuentras una librería con un efecto
que te gusta y que las incorpora ese sitio web.
Eso es algo muy común.
No es como que siempre vayas a hacer todo tu puedes ver con nuestro diseño actualmente tenemos todo
este espacio aquí toda esta línea blanca y en el diseño final no tenemos nada de eso aquí está pegado
hasta la orilla.
Ahora por ejemplo puedes ver que esté H1 si lo de inspeccionar aquí tiene aplicado cierto diseño tiene
aplicada cierta apariencia y de hecho si te pones aquí en la H1 aparece aparece este texto aquí que
dice ser ella.
Está el set esto que está aquí quiere decir que estos son los estilos por default que el navegador le
aplica Crom por ejemplo dice bueno aquí hay un H1 dejalos muestro de esta forma ellos suponen que así
se debe de ver y lo dejan de esa forma.
Ahora no todos los sitios web son iguales por lo tanto no vamos a dejar que ellos definan como debe
de verse.
El problema de esto es que Chrome agrega algunos estilos.
Firefox agrega otros estilos echã agrega otros.
Si abres tu proyecto desde un teléfono tiene otros desde una tablet tiene otros desde un reloj tiene
otros.
Entonces cada navegador agrega estilos por default y este es un estilo por default que está aplicado
y por ejemplo este Marien aquí también viene siendo un estilo por default si te colocas aquí en el body
puedes ver que viene Bodhi dice ser gente y tenemos un margen de 8 pixeles entonces cada navegador va
a tratar de mostrar los elementos como ellos quieran y eso nos da más problemas porque cada día son
más navegadores más dispositivos móviles de diferentes resoluciones y una librería que soluciona estos
problemas es normal.
Es una forma en la que todos los elementos por default se van a tratar de ver de la misma forma.
Ahora qué dice versión 8 Lo más probable es que seguido están cambiando las versiones por lo tanto la
versión que aparezca una vez entrando al sitio web descargarla y vas a estar bien dale clica quien Download
y selecciona todo el código que está aquí.
Además presiona controla o coman a copia este texto abre lo que viene siendo tuyo.
Aquí tenemos CSS crear un nuevo archivo llamado normalismo CSS y pegase contenido.
Puedes ver que son más de casi 350 líneas por lo tanto le va aplicar muchos estilos muchos son comentarios
pero bueno va a ser muy útil esta librería lo cerramos y vamos a copiar esta línea de aquí y vamos a
incorporar normales a nuestro proyecto es normal 6.6 y luego está punto CSS.
Puedes ver que tenemos cargadas tres hojas de estilo y es recomendable que la tuya la que tiene tus
estilos siempre sea la última porque recuerda ese se va a aplicar los últimos estilos que detecte que
vea y usualmente quieres que sean los tuyos los tuyos deben de reescribir los otros no los otros los
tuyos entonces siempre coloca tu hoja de estilos al final siempre ponla en las que tengas instalada
siempre coloca como la última.
Entonces guardamos cambios abrimos el proyecto y puedes ver que eso elimina esa línea de aquí y se ve
que no va a cambiar mucho en realidad pero de ahora en adelante si vemos este proyecto en un teléfono
móvil en Chrome en Firefox Benech en cualquier navegador se va a ver igual.