CSS Reset
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
Curtidas 0
Melhor post
Flavia Santos
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;
}GOSTEI 1
Mais Respostas
Joel Rodrigues
12/01/2017
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;
}
GOSTEI 0