CSS Reset
12/01/2017
0
Fala, galera. Beleza?
Vocês conhecem a técnica chamada "CSS Reset"? Ela serve para remover todos os etilos (CSS) padrão dos browsers, a fim de deixá-los "iguais" para quando aplicarmos nossa formatação. Assim, garantimos que teremos o mesmo resultado em qualquer navegador. Isso é explicado nesse artigo: Desenvolvimento responsivo: como resetar os estilos com CSS.
Como cada pessoa pode resetar o CSS de uma forma, decidi abrir esse tópico para compartilharmos algumas soluções que utilizamos. Como vocês fazem?
Abraço.
Vocês conhecem a técnica chamada "CSS Reset"? Ela serve para remover todos os etilos (CSS) padrão dos browsers, a fim de deixá-los "iguais" para quando aplicarmos nossa formatação. Assim, garantimos que teremos o mesmo resultado em qualquer navegador. Isso é explicado nesse artigo: Desenvolvimento responsivo: como resetar os estilos com CSS.
Como cada pessoa pode resetar o CSS de uma forma, decidi abrir esse tópico para compartilharmos algumas soluções que utilizamos. Como vocês fazem?
Abraço.
Joel Rodrigues
Curtir tópico
+ 0
Responder
Post mais votado
26/01/2017
Eu costumo usar o css reset abaixo.
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; } 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; }
Flavia Santos
Responder
Mais Posts
12/01/2017
Joel Rodrigues
Na internet encontramos várias folhas de estilo gratuitamente para fazer o reset. Aqui, por exemplo, tem uma bem completa:
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; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; }
Responder
Clique aqui para fazer login e interagir na Comunidade :)