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
Promoções de Jogos do Final de Semana (19/10)
Carlos L. A. da Silva - 19 de outubro de 2018Confira as melhores ofertas de jogos de PC para o final de semana.
Como funciona o SiteLock e por que seu site precisa desse serviço
Carlos L. A. da Silva - 18 de outubro de 2018Segurança nunca é demais, mas não precisa ser nem algo complicado demais nem que exija muita demanda se você contratar o serviço certo.
Mercado Livre é a 7ª melhor empresa para se trabalhar no mundo
Redação - 18 de outubro de 2018A companhia está listada no ranking mundial do Great Place to Work, que analisou sete mil empresas para identificar as melhores segunda a avaliação de seus próprios colaboradores
Mais publicações
Ambientes Back-End com Docker + VS Code // Mão no Código #3
Thais Cardoso de Mello - 18 de outubro de 2018
Manifesto Ágil: Melhorando o refinamento e a autonomia de times
Plataformatec - 17 de outubro de 2018
Ambientes Back-End com Docker + VS Code // Mão no Código #3
Thais Cardoso de Mello - 18 de outubro de 2018Manifesto Ágil: Melhorando o refinamento e a autonomia de times
Plataformatec - 17 de outubro de 2018
Promoções de Jogos do Final de Semana (19/10)
19 de outubro de 2018
Como funciona o SiteLock e por que seu site precisa desse serviço
18 de outubro de 2018
Mercado Livre é a 7ª melhor empresa para se trabalhar no mundo
18 de outubro de 2018
Ambientes Back-End com Docker + VS Code // Mão no Código #3
18 de outubro de 2018
Deixe um Comentário