Normalize.css é uma alternativa ao reset CSS. Ele proporciona um alto grau de consistência entre navegadores no estilo padrão do elemento HTML. Normalize.css é uma alternativa moderna e premium para HTML5 (http://necolas.github.io/normalize.css/）
Tanto normalize.css quanto reset.css são folhas de estilo para redefinir abas do navegador
O objetivo de criar normalize.css é o seguinte:
Proteja estilos padrão úteis do navegador em vez de removê-los completamente
Estilos Generalizados: Fornecido para a maioria dos elementos HTML
Corrija os próprios bugs do navegador e garanta consistência entre os navegadores
Otimize a usabilidade do CSS: Use algumas dicas
Explique o código: use comentários e documentação detalhada
Normalize.css suporta uma ampla variedade de navegadores, incluindo navegadores móveis, e generaliza elementos HTML5, tipografia, listas, conteúdo incorporado, formulários e tabelas. Embora este projeto seja baseado em generalização, usamos padrões mais práticos quando apropriado.
Normalizar vs Reiniciar
1. Normalize.css Inadimplências valiosas protegidas
O reset força os elementos a terem o mesmo efeito visual ao impor um estilo padrão em quase todos os elementos. Em contraste, Normalize.css mantém muitos dos estilos padrão de navegador. Isso significa que você não precisa mais reformular todos os elementos comuns da tipografia. Quando um elemento tem padrões diferentes em navegadores diferentes, Normalize.css esforça-se para manter esses estilos consistentes e o mais consistentes possível com os padrões modernos.
2. Normalize.css Corrigido um bug no navegador
Ele corrige bugs comuns em navegadores desktop e móveis. Isso geralmente está além do que o Reset pode fazer. Nesse sentido, os problemas Normalize.css corrigidos incluem as configurações de exibição dos elementos HTML5, problemas de tamanho de fonte com texto pré-formatado, transbordamento SVG no IE9 e muitos bugs relacionados a formulários que aparecem em vários navegadores e sistemas operacionais.
3. Normalize.css Isso não vai deixar suas ferramentas de depuração confusas
Um dos aspectos mais irritantes de usar o Reset é a grande cadeia de herança na ferramenta de depuração do navegador, como mostrado na imagem abaixo. Não haverá esse problema em Normalize.css, porque somos muito cuidadosos com o uso de multi-seletores em nossas diretrizes e só estilizaremos o elemento alvo de forma intencional.
4. Normalize.css é modular
O projeto foi dividido em partes relacionadas, mas separadas, o que facilita e deixa claro quais elementos são definidos para valores específicos. Isso permite remover seletivamente partes que nunca usará (como a generalização de formas).
5. Normalize.css Possui documentação detalhada
Normalize.css código é baseado em pesquisas e testes detalhados e abrangentes entre navegadores. Este arquivo traz descrições detalhadas do código e instruções adicionais no Wiki do Github. Isso significa que você pode descobrir exatamente o que cada linha de código faz, por que você a escreveu, as diferenças entre os navegadores, e pode testar a sua própria com mais facilidade.
Como usar normalize.css
Primeiro, instale ou baixe Normalize.css do Github, e depois há duas formas principais de usá-lo.
Estratégia 1: Use normalize.css como CSS base para seus próprios projetos, personalizando valores de estilo para atender às necessidades do designer.
Estratégia 2: Importar normalize.css código-fonte e construir sobre ele, sobrescrevendo os padrões com seu próprio CSS quando necessário.
Download de arquivo CSS:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Publicado em 27/07/2018 14:49:36
|
|
|
|
