Vrai discours: malgré les démarques que kaikai a raison, il vous suffit de réinitialiser * padding & margin à 0.
Bien que malheureusement, 99% d'entre nous ne disposent pas de ressources ou de ressources humaines pour suivre les centaines de versions de navigateur disponibles. Une feuille de réinitialisation est donc essentielle pour le site Web typique.
html5reset: (C'est trop gênant)
Je viens de jeter un œil à http://html5reset.org/
img,
object,
embed {max-width: 100%;}
Et:
html {overflow-y: scroll;}
Je comprends qu'il a de bonnes intentions, mais ce n'est pas le travail d'une feuille de réinitialisation. Cela fait trop d'hypothèses.
BluePrint Reset: (littéralement un plan)
body {
line-height: 1.5;
background: white;
}
Quoi de neuf avec 1.5. Et pourquoi fond blanc? (Je sais que c'est pour corriger mais toujours pas nécessaire)
Normalize.css: (pas normal)
https://github.com/necolas/normalize.css/blob/master/normalize.css
Cela a bien commencé avec des hacks webkit / ie mais
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
Chaque balise d'en-tête est ciblée. & ils ne réinitialisent pas la hauteur de ligne du corps.
Je suis sûr que tout ce qui précède fait bien le travail prévu, mais sera probablement plus que nécessaire.
Eric Meyer
YUI
HTML5Boilerplate
Ce qui précède est plus destiné aux professionnels avec Boilerplate penché du côté (trop amical), je suis sûr en raison de la popularité. Pour le moment, 80% de ma réinitialisation personnalisée est passe-partout.
Je vais parcourir les trois petit à petit et faire le mien, ce n'est pas sorcier.