CSS: reset selettivo per i nuovi elementi HTML5

Quando si tratta di fornire un reset CSS e degli stili di base ai nuovi elementi HTML5 (utile se i browser non hanno degli stili predefiniti per questi elementi), spesso vengono inclusi anche i vecchi elementi HTML4 e XHTML. In realtà questo non è necessario. Vediamo quindi un tipo di reset selettivo per gli elementi HTML5.

Il codice CSS è il seguente:


article, aside, canvas, details, 
figcaption, figure, footer, header, hgroup, menu, nav, section, 
summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

audio, video, canvas {
	display: inline-block;
}

time, mark {
	display: inline;
}

article, aside, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section {
    display:block;
}

Come si può notare, gli stili comprendono solo i nuovi elementi HTML5. Volendo la prima regola può essere semplificata a seconda delle esigenze del vostro layout.

Torna su