Qual CSS de redefinição HTML5 você usa e por quê? [fechadas]

Qual CSS de redefinição HTML5 você usa e por quê? Existe um que você encontrou para cobrir mais casos?

Comecei a usar o HTML5 Doctor's: http://html5doctor.com/html-5-reset-stylesheet/ Parece funcionar, mas estou me perguntando se há algo melhor por aí.

Discussão real: Apesar das remarcações, o kaikai está certo, você só precisa redefinir * padding & margin para 0.

Embora, infelizmente, 99% de nós não tenham recursos ou mão de obra para acompanhar as centenas de versões de navegadores disponíveis. Portanto, uma folha de redefinição é essencial para o site típico.

html5reset: (é muito interferente)

Acabei de dar uma olhada em http://html5reset.org/

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

E:

html {overflow-y: scroll;}

Entendo que tem boas intenções, mas esse não é o trabalho de uma planilha de redefinição. Está fazendo muitas suposições.

Redefinição do BluePrint: (literalmente um projeto)

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

O que há com 1.5. E por que o fundo branco? (Eu sei que é para corrigir, mas ainda não é necessário)

Normalize.css: (não normal)

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

Começou bem com alguns webkit / ie hacks, mas

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 tag de cabeçalho é direcionada. e eles não redefinem a altura da linha do corpo.

Tenho certeza de que tudo o que foi dito acima faz bem o trabalho pretendido, mas provavelmente será substituído mais que o necessário.

Eric Meyer

YUI

HTML5Boilerplate

Os itens acima são mais para profissionais com o Boilerplate inclinado para o lado (mais amigável), tenho certeza devido à popularidade. No momento, 80% da minha redefinição personalizada é padrão.

Vou seguir todos os três bits e fazer o meu, não é ciência de foguetes.

O Normalize.css é ótimo para navegadores de desktop e móveis e é usado em muitos modelos HTML populares.

Mas e quanto a usar a allpropriedade CSS , que redefine as propriedades CSS, exceto directione unicode-bidi? Dessa forma, você não precisa incluir nenhum arquivo adicional:

{
    all: unset
}

O CSS allpossui amplo suporte, exceto no IE / Edge. Da mesma forma com unset.

O reset.css usado pela estrutura CSS do Blueprint funciona bem e inclui elementos HTML5. É incluído no screen.css arquivo .

O Blueprint é um recurso útil para a rápida criação de protótipos de novos sites, e seu código-fonte é bem organizado e vale a pena aprender.

Eric Meyer também lançou a versão 2 de seu CSS reset (e o fez quase um ano atrás agora):

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

1. Preserva os padrões úteis, ao contrário de muitas redefinições de CSS.
2. Normaliza estilos para uma ampla variedade de elementos HTML.
3. Corrige bugs e inconsistências comuns do navegador.
4. Melhora a usabilidade com melhorias sutis.
5. Explica o que o código faz usando comentários detalhados.

normalize.css

* {
    margin: 0;
    padding: 0;
}

simples, mas totalmente eficaz. talvez jogue um:

body {
    font-size: small;
}

para uma boa medida.

A especificação HTML5 inclui declarações CSS recomendadas para navegadores compatíveis com CSS. Por diversão, peguei-os e revirei-os, onde faz sentido. Você pode ver o resultado neste artigo .

No entanto , eu não recomendo usar isso na produção. É mais uma prova de conceito e pode ser melhor usada para fornecer dicas do que para servir como uma folha de estilo de redefinição para todos os fins. Qualquer uma das outras sugestões anteriores pode ser uma escolha melhor.

Uso Normalize ou a redefinição do HTML5 Doctor e a altero para caber no projeto em que estou trabalhando.

BTW, é apenas o conceito de usar uma redefinição que se tornou mais ou menos um padrão.