YUI CSS Reset: relaxing web styling
Dicembre 20th, 2006Yahoo ha reso disponibile un nuovo componente chiave del suo framework web YUI, sempre nell’ottica di fornire strumenti utili a disegnare un sito o una interfaccia nel modo più semplice possibile, senza gridare ogni volta che si prova un altro browser… e chi scrive CSS sa cosa intendo ;-)
La chicca in questione si chiama reset.css, e non è altro che un file con 30-righe-30 di codice CSS in grado di AZZERARE le differenze tra un browser e l’altro, o quasi. Il suo uso è semplicissimo: basta includerlo PRIMA di ogni altro stile in una pagina html.
http://developer.yahoo.com/yui/reset/
Con questo foglio di stile, è possibile scrivere stili coerenti a prescindere dal browser; bisogna comunque tenere presente che con questo reset è necessario dichiarare esplicitamente ogni stile, anche i più ovvi (quindi, per esempio, è necessario definire strong{} con font-weight:bold; altrimenti verrà visualizzato normale).
Anche se questo file può essere usato stand-alone, è auspicabile tenere in considerazione l’uso del homepage e alla webmail di Yahoo :-)
http://developer.yahoo.com/yui/reset/
Ecco questa piccola meraviglia per intero:
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}
Posted by gomez in CSS, Hack, Opensource |

Dicembre 20th, 2006 at 18:46
giurami che funziona.
Dicembre 20th, 2006 at 20:21
miiiiiiiinchia!
Dicembre 20th, 2006 at 20:22
funziona. lo stiamo testando per un progetto, ma sembra proprio che funzioni, almeno con i browser di grado A secondo le specifiche di yahoo. comunque è la soluzione a un po’ di problemi…