¿Qué CSS de restablecimiento HTML5 utiliza y por qué? [cerrado]

¿Qué CSS de restablecimiento HTML5 utiliza y por qué? ¿Hay alguno que haya encontrado para cubrir más casos?

Empecé a usar HTML5 Doctor's: http://html5doctor.com/html-5-reset-stylesheet/ Parece que funciona, pero me pregunto si hay algo mejor por ahí.

Charla real: a pesar de las rebajas, Kaikai tiene razón, solo necesita restablecer * el relleno y el margen a 0.

Aunque desafortunadamente el 99% de nosotros no tenemos recursos ni mano de obra para mantenerse al día con los cientos de versiones de navegador que existen. Por lo tanto, una hoja de reinicio es esencial para el sitio web típico.

html5reset: (interfiere demasiado)

Acabo de echar un vistazo a http://html5reset.org/

img,
object,
embed {max-width: 100%;}

Y:

html {overflow-y: scroll;}

Entiendo que tiene buenas intenciones, pero ese no es el trabajo de una hoja de reinicio. Está haciendo demasiados supuestos.

Restablecimiento de BluePrint: (literalmente un plano)

body {
  line-height: 1.5;
  background: white;
}

¿Qué pasa con 1.5. ¿Y por qué fondo blanco? (Sé que es para corregir pero aún no es necesario)

Normalize.css: (no normal)

https://github.com/necolas/normalize.css/blob/master/normalize.css

Comenzó bien con algunos webkit / ie hacks pero

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

Cada etiqueta de encabezado está dirigida. y no restablecen la altura de la línea del cuerpo.

Estoy seguro de que todo lo anterior hace bien el trabajo previsto, pero probablemente se anulará más de lo necesario.

Eric Meyer

YUI

HTML5Boilerplate

Lo anterior es más para profesionales con Boilerplate inclinado hacia el lado (más amigable), estoy seguro debido a la popularidad. Por el momento, el 80% de mi reinicio personalizado es repetitivo.

Voy a ir aunque los tres poco a poco y hacer el mío, no es ciencia espacial.

Normalize.css es ideal para navegadores de escritorio y móviles y se usa en muchas plantillas HTML populares.

Pero, ¿qué pasa con el uso de la allpropiedad CSS que restablece las propiedades CSS excepto directiony unicode-bidi? De esa manera no necesita incluir ningún archivo adicional:

{
    all: unset
}

CSS alltiene un amplio soporte, excepto en IE / Edge. De manera similar con unset.

El reset.css utilizado por el marco Blueprint CSS funciona bien e incluye elementos HTML5. Se incluye en su archivo screen.css .

Blueprint es un recurso útil para la creación rápida de prototipos de nuevos sitios, y su código fuente está bien organizado y vale la pena aprenderlo.

Eric Meyer también lanzó v2 de su reinicio CSS (y lo hizo hace casi un año):

http://meyerweb.com/eric/tools/css/reset/

1. Conserva valores predeterminados útiles, a diferencia de muchos restablecimientos CSS.
2. Normaliza los estilos para una amplia gama de elementos HTML.
3. Corrige errores e inconsistencias comunes del navegador.
4. Mejora la usabilidad con sutiles mejoras.
5. Explica qué hace el código utilizando comentarios detallados.

normalize.css

* {
    margin: 0;
    padding: 0;
}

simple pero completamente efectivo. tal vez tirar un:

body {
    font-size: small;
}

para una buena medida.

La especificación HTML5 incluye declaraciones CSS recomendadas para navegadores con capacidad CSS. Por diversión, los tomé y los revertí, donde tiene sentido. Puede ver el resultado en este artículo .

Sin embargo , no recomiendo usar esto en producción. Es más una prueba de concepto y podría usarse mejor para dar pistas que para servir como una hoja de estilo de reinicio de uso múltiple. Cualquiera de las otras sugerencias anteriores podría ser una mejor opción.

Uso Normalize o el reinicio de HTML5 Doctor, y lo modifico para que se ajuste al proyecto en el que estoy trabajando.

Por cierto, es solo el concepto de usar un reinicio que se ha convertido más o menos en un estándar.