Reset CSS
Esta información está ampliada en el post Reset Css para mis proyectos
Siempre procuro que las páginas web se vean de forma similar en todos los navegadores y uno de los problemas con que nos encontramos es, que los valores por defecto
de los elementos (titulares, parrafos, listas, etc … ) tienen sutiles diferencias en cada navegador.
Esto quiere decir, que las distancias (margin y padding) entre párrafos, listas y titulares, escala de la tipografía, etc … varian en cada navegador, para solventar este problema lo que hacemos en poner a cero
estos valores en todos los navegadores y obligar a todos los navegadores a que apliquen los mismos parametros, que damos en la CSS a cada elemento.
Por ejemplo: para modificar los valores de distancia (margin y padding) para el titular (h1), los elementos de parrafo (p) y los de lista (ul, li). El código CSS sería el siguiente:
h1, p, ul, li{margin:0; padding:0;}En internet podeis encontrar diferentes versiones de reset css, muy completas, yo prefiero ir creando el archivo de reset para cada proyecto en concreto, especificando solo el reset
en los elementos empleados.
En internet hay un debate abierto sobre el uso y abuso de los reset en CSS.