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.
Responsive Desing, la guidaProgettare siti da fruire su dispositivi diversi è imprescindibile... |
Guida CSS3Scoprire e usare al meglio tutte le novità dell'ultima versione dei... |
Guida CSS Tecniche essenzialiTesto, immagini, layout, form, liste, tabelle: soluzioni pronte per... |
Ogni mercoledì, direttamente nella tua e-mail: guide, articoli, tutorial, FAQ e approfondimenti tecnici su CSS e Web Design.
Iscriviti alla newsletter
|
|
Corso Webmaster base18 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |
|
|
Corso Webmaster base11 Giugno 2012 a Roma |