Estilos CSS para resetear documento

Estos estilos son recomendables ponerlos de forma predeterminada a todos los documentos CSS, evitamos entre otras cosas que el padding y el border interfieran en el width de un div.

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;
}
* { 
-webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
odisplay: 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;
}

/* Presets */
button,
input[type=submit]{
font-size: 100%;
font-family: inherit;
line-height: inherit;
-webkit-appearance: none;
border: none;
}

strong{
font-weight: bold;
}

em{
font-style: italic;
}
body{
line-height:1;
font-family:Arial, Helvetica, sans-serif;
}
a {
color:#000;
outline:0;
text-decoration:none;
}
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;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block;
}
.clear{
clear:both;
}