Reset Css para mis proyectos

Este post se publicó hace más de dos años, es posible que la información publicada esté obsoleta o las referencias no existan.

En Embat estamos montando un wiki donde recopilamos métodos de trabajo para unificar criterios. Esto me obliga a plantearme el uso que hago de trozos de código que uso habitualmente.

Por ejemplo el reset css.

Este reset está planteado para acercarse lo máximo posible al diseño presentado. Su principal función es eliminar las diferencias entre navegadores, reseteando todos los valores. Y eliminando comportamientos que diferencian un navegador de otro.

He procurado minimizar el código, obviando tags poco utilizados.

Este reset está en constante actualización.

*{
    margin: 0;
    padding: 0; 
    box-sizing: border-box; 
}

img{
    display: block;
    max-width: 100%;
    height: auto;
}

ul[class], ol[class]{
    list-style: none;
}

margin: 0; y padding: 0; Resetea los valores de bloque de todos los elementos.
box-sizing: border-box; Permite el uso de boxsizing en el planteamiento de rejillas
img{display: block} Elimina el espacio generado por las imágenes por debajo en algunos navegadores.
img{max.width: 100%;} Las imágenes no desbordan el contenedor.
ul[class], ol[class]{list-style: none;} Los listados que tienen clase no muestran el bullet.