CSS  »  Articoli  »  Mondo CSS 

Armonizzare lo spazio bianco

di: Alessandro Fulciniti     10 Aprile 2007

Armonizzare lo spazio bianco

L'idea di base è molto semplice: invece di considerare come ostacoli nel processo di sviluppo i margini e i padding di default del browser, questi possono essere visti come punti di forza. Piuttosto che ridefinirli tutti basterà semplicemente armonizzarli in modo da avere una presentazione comunque piuttosto consistente sui diversi browser.

Ho preparato quindi un set di regole che potranno costituire un buon punto di partenza:

html, body{margin: 0;padding: 0}
h1, h2, h3, h4, h5, h6{margin: 0.7em 0 0.2em}
address, blockquote, dl, form,
fieldset, ol, table, p, pre, ul{
    margin-top: 0.2em;margin-bottom: 1.2em}

Se vorrete usarle, queste regole CSS andranno inserite come regole iniziali dei vostri progetti, così le regole successive potranno eventualmente ridefinire le spaziature in caso di necessità. Ecco l'esempio che ho preparato, che si basa sullo stesso HTML di quello di Krespanis. Concludo con gli approfondimenti:

La pagina di esempio di questo articolo, insieme a un foglio di stile esterno che contiene le regole di base qui presentate è disponibile per il download. Alla prossima.

Guide CSS

Responsive Desing, la guida

Progettare siti da fruire su dispositivi diversi è imprescindibile...

Guida CSS3

Scoprire e usare al meglio tutte le novità dell'ultima versione dei...

Guida CSS Tecniche essenziali

Testo, immagini, layout, form, liste, tabelle: soluzioni pronte per...

Altre guide

Newsletter @CSS

Ogni mercoledì, direttamente nella tua e-mail: guide, articoli, tutorial, FAQ e approfondimenti tecnici su CSS e Web Design.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti