Tempo fa avevo scritto di come organizzare al meglio un foglio di stile CSS. Il primo punto da seguire riguardava il reset degli elementi più importanti.

I browser, di default attribuiscono valori diversi ad alcune proprietà come margin e padding.

css-by-raphael-goetter

Questi valori di partenza comportano visualizzazioni differenti in relazione al browser che stiamo utilizzando.

Proprio per questo è consigliabile azzerare tutto tramite i css…

Proprio oggi ho letto l’articolo 30 HTML Best Practices for Beginners dove tra le altre cose viene segnalato un codice di reset CSS più completo di quello precedentemente indicato:

html, body, div, span,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baselinebaseline;
background: transparent;
}
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;
}

Ecco una lista di altre risorse che potrebbero interessarti:

  1. Come formattare al meglio un foglio di stile CSS
  2. 5 modi per scrivere meglio i CSS
  3. Organizza online il tuo foglio di stile CSS
  4. 15 Buone abitudini da seguire con i CSS
  5. CSS – Mostrare del testo associato ad una immagine