Como resetar seu CSS
Navegadores não costumam ser muito consistentes uns com os outros em seus padrões. Se você não explicitar nenhum CSS para sua página, você certamente terá páginas diferentes no Firefox, Chrome ou Internet Explorer.
Para lidar com essas inconsistências, é costume colocar no começo do arquivo CSS uma série de instruções que “resetam” todos os valores. A menos que você especifique algo depois, a página deverá ser renderizada sempre daquela mesma forma, independente do navegador.
Eric Meyer, um dos gurus do CSS na web, criou um código CSS que você pode copiar e colar no seu projeto e funciona como um excelente ponto de partida para “resetar” os valores. Confira abaixo (com comentários traduzidos):
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 Licenciamento: nenhum (domínio público) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* resetando a exibição de componentes do HTML5 para navegadores antigos */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } |
Você pode se interessar
Influenciadores digitais que não existem
Carlos L. A. da Silva - 2 de dezembro de 2021Na era da pós-verdade, influenciadores que não são reais estão ganhando espaço para uma multidão que quer ser influenciada
Pais criam aplicativo de código aberto melhor que o da escola, mas a polícia é acionada
Carlos L. A. da Silva - 23 de novembro de 2021Aplicativo oficial do sistema educacional da capital Suécia era ruim demais, mas a lei é a lei...
10 recursos HTML5 úteis que você pode não estar usando
Carlos L. A. da Silva - 6 de novembro de 2021O HyperText Markup Language nos acompanha desde os primórdios da web. É o seu tijolo mais básico. Podem surgir novas tecnologias, plugins, frameworks, conteúdo rico, mas o bom e velho HTML continua sendo a base de tudo e aprender seus mais profundos nuances é fundamental para os desenvolvedores. O HTML5 é a implementação atual da […]
Mais publicações
Enumerando e analisando mais de 40 implementações de JavaScript (que não são V8)
Carlos L. A. da Silva - 6 de outubro de 2021
Por que eu decidi não migrar para o Windows 11 agora
Carlos L. A. da Silva - 19 de outubro de 2021Enumerando e analisando mais de 40 implementações de JavaScript (que não são V8)
Carlos L. A. da Silva - 6 de outubro de 2021
Influenciadores digitais que não existem
2 de dezembro de 2021
Pais criam aplicativo de código aberto melhor que o da escola, mas a polícia é acionada
23 de novembro de 2021
10 recursos HTML5 úteis que você pode não estar usando
6 de novembro de 2021
O Metaverso está vindo?
1 de novembro de 2021
Deixe um Comentário