IT Blog
Simbolo Joomla

Informatica e Tecnologia

Articoli e notizie per designer e sviluppatori web

eric-meyerEcco la versione 2.0 del utilissimo strumento per la costruzione dei CSS, strumento messo a disposizione del guru in materia, Eric Meyer. L'obiettivo del foglio di stile reset è quello di ridurre le incoerenze del browser in cose come altezza predefinita (line-height), i margini, le dimensioni dei caratteri dei titoli, e così via. Gli stili di reset di Eric Meyer riportati qui sono volutamente molto generici.

Per esempio, l'elemento "body" non ha nessun colore o sfondo predefinito.
Eric Meyer, l'autore, non raccomanda di utilizzare questo file nello stato attuale. Questi stili, bisogna essere pressi come punto di partenza nella costruzione dei propri stili, quindi, di essere modificato, addattato e personalizzato in base alle proprie esigenze. Impostare i propri colori per le pagine e per i link, ad esempio.
In poche parole, questo file, bisogna essere considerato, come punto di partenza per i propri fogli di stile.

/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/

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;
}
/* HTML5 display-role reset for older browsers */
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;
}