CSS reset
Posté le Sunday 11 November 2012 | Catégories : CSS3
Chaque navigateur possède une feuille de style de CSS par défaut, qui permet de styler les éléments si le développeur du site n'a rien spécifié. Ce code CSS n'est naturellement pas le même pour tous les navigateurs, ce qui peut au final produire un affichage différent de votre site.
Pour éviter ce problème, on utilise généralement un peu de code CSS pour "remettre à zéro" tous les éléments. Il existe de nombreux exemples sur le net. Voici ma version, inspirée par le code de Eric Meyer:
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;
}
img {
border: 0; max-width: 100%;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
input {
outline: none;
}
