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

Yo no uso ninguno.

Tenga en cuenta que existe una diferencia entre normalizar CSS y restablecer CSS. Ambos “normalizan” muchos estilos de etiqueta / estado para los que los navegadores tienen un estilo predeterminado diferente, pero normalizar CSS (como el popular Normalize.css) le permite comenzar con estilos sensibles, mientras que CSS restablece el estilo de tira, haciendo que varios elementos se parezcan más a cada uno otro.

La mayoría está mejor usando normalizar CSS en lugar de restablecer CSS. Los reinicios de CSS no están destinados a usarse tal cual. Pretenden ser un punto de partida para sus estilos globales. Lo mismo ocurre con la normalización de CSS, pero al comenzar con estilos sensibles, tiene menos trabajo. Si no es minucioso con la edición de estilos de reinicio, sus usuarios pueden experimentar problemas, ya sea una representación deficiente (del contenido generado por el usuario o marcado no probado), incapacidad para discernir el elemento enfocado u otros casos inesperados.

Más útiles que normalizar o restablecer CSS son las hojas de estilo que le dan clases de utilidad. Puede encontrar estas clases de utilidad en muchos marcos CSS. Un marco muy simple es: HTML5 Boilerplate. A diferencia de los estilos de inicio normalizados, las clases de utilidad no necesitan modificarse, y solo necesita familiarizarse con ellas para hacer cosas como: exponer texto / enlaces a lectores de pantalla con solo una clase.

La moraleja es: tómese el tiempo para construir su propia hoja de estilo global de base. Mire las hojas de estilo de normalización populares y elija las partes que le gusten. Asegúrate de entender cada regla. Modifique las reglas y agregue las suyas según su estilo de diseño / codificación.

Otro punto: no asuma que cualquier CSS normalizado hará que su estilo se vea igual en todos los navegadores / dispositivos. Eliminan ciertas diferencias en el estilo predeterminado y pueden manejar ciertas peculiaridades, pero no eliminan la necesidad de pruebas entre navegadores y dispositivos cruzados.

Recomiendo HTML5 Boilerplate como punto de partida. (¡Tenga en cuenta que también usa Normalize.css!)

Prefiero el reinicio de espacios en blanco de Tantek Celik:

camerond / whitespace-reset.sass

Es ‘nuclear’ en el sentido de que restablece todos los tamaños de fuente, pero de lo contrario solo elimina estilos inesperados y es relativamente simple. Personalmente, no veo el sentido en algo como Normalizar porque no hay garantía real de que un h1, por ejemplo, tenga los mismos estilos en mi diseño. Esto es especialmente cierto en HTML5 ahora que cada sección o elemento de artículo debería restablecer la jerarquía de encabezado (por ejemplo, el primer elemento de encabezado en cada artículo debería ser un h1). Por lo tanto, prefiero que mi reinicio solo sea responsable de eliminar estilos, en lugar de agregar otros estilos que terminaré anulando de todos modos, y configurar mis propios estilos base cuando sea apropiado.

Dicho eso, es cuestión de gustos … así que ahí está el mío.

Normalize.css. Los restablecimientos duros son la opción nuclear donde tendrá que configurar manualmente su línea base nuevamente. Normalizar es el promedio agregado para tener la roca madre más uniforme para cada navegador.

Había estado usando reset.css de Eric Meyer durante años y tenía mis propios estilos base a los que luego restablecí los elementos HTML base (esencialmente una normalización de inicio). Después de observar más de cerca la normalización hace un año, decidí que prefería sus valores predeterminados a los míos, cambié y nunca he tenido un problema en ningún sitio de producción que he construido.

Solo desearía que Compass lo ofreciera integrado como una opción de la forma en que lo hace reset.css.

Eric Meyer’s. Solo solía tenerlo desde el principio.