duda reset.css

Si no aplicamos un reset de CSS, cada navegador interpretará el código básico como mejor le parezca, lo que puede llevarnos muchas más horas de trabajo para intentar normalizar el aspecto entre los distintos navegadores.

¿Por qué sucede esto?: pues porque los navegadores tienen distintos propietarios que hacen la competencia entre sí y no les interesa colaborar entre ellos, sino posicionarse como el navegador estándar.

Los reset de CSS básicamente nos permiten una puesta a cero de todos los navegadores para que muestren las propiedades de CSS del modo más homogéneo posible.

¿Por qué es esto necesario?: porque existen cientos de navegadores web en el mercado, cada uno de ellos con una hoja de estilos CSS básica diferente.

Significa esto que cada uno de ellos va a interpretar muchas cosas del código que pongamos como mejor les plazca, con lo que, sí de por sí ya es difícil tener en cuenta las diferencias entre los navegadores, sin un reset de CSS la cosa todavía se complica más. Con un reset de CSS no conseguiremos que nuestra web se vea idéntica en todos los navegadores, lo que conseguiremos es hacer que interpreten las clases básicas css de un modo igual.

Aunque todos los navegadores coinciden en algunos valores importantes (tipo de letra serif, color de letra negro, etc.) presentan diferencias en valores tan importantes como los márgenes verticales (margin-bottom y margin-top) de los títulos de sección (h1,… h6), la tabulación izquierda de los elementos de las listas (margin-left o padding-left según el navegador) y el tamaño de línea del texto (line-height), entre otros.

Usar un reset de CSS hará que el aspecto de nuestro diseño se vea más igualado entre los navegadores, lo que facilitará el tener una buena experiencia de usuario. Es importante aquí tener en cuenta que seguirán habiendo diferencias por otros motivos (ej. CSS3, navegadores antiguos, etc.), esto lo solucionaremos con lo que se conoce como mejora progresiva.

Secuencia de estilos que se aplican a una página Web Cuando los navegadores muestran una página web, además de aplicar las hojas de estilo de los diseñadores, siempre aplican otras dos hojas de estilos: la del navegador y la del usuario.

reset css navegador usuario

Aquí lo que vemos es cómo se aplica la cascada del CSS. Lo que significa es que primero se carga el CSS del navegador, a continuación el CSS del usuario (el que se puede configurar manualmente en el navegador) y finalmente el CSS que nosotros creamos.

En este link, podrás ver más información https://programandoointentandolo.com/2017/10/reset-css-normalizar-estilos.html

Gracias, otra pregunta ese archivo de reset.css que usamos, sirve para usarlo en alguna otra pagina que creemos o solo funciona en esta y cada pagina tiene uno de forma individual?

Hasta lo entendido lo tienes que llamar en cada documento HTML que crees.