Breve descrizione dell'esempio (66-67): La proprietà margin o spazio tra il box e gli altri elementi della pagina.

Esempio di margini che collassano (subiscono un collasso). Collassando non sono separati da padding o bordi. L'ampiezza corrisponde alla massima tra i due margini.

Nel proseguire questo lavoro, per ogni termine tecnico, tipo padding, occorre realizzare link ad appropriate pagine che li trattino.

Valutazione visiva sul presentare un termine in corsivo.

In questa prima parte le istruzioni CSS che determinano l'esempio Ca03/3.19:

body {
font:100% Arial, Helvetica, sans-serif;
margin: 0;
padding: 1em;
}
#box-1 { margin: 1em }
#box-2 { margin: 2em }
div {
background: #444;
color: #fff;
}

In questa seconda parte le istruzioni CSS che caratterizzano la seconda parte della pagina (quella inferiore seppure preponderante), raccolte nel CSS esterno denominato servente.css:

pre {
overflow : auto;
background : #FFFFFF;
padding : 0.444em;
border : 1px solid #999999;
}
div#intestazione ul.navbar { 
border-top : 1px solid #dcdde0;
border-bottom : 1px solid #dcdde0;
text-align : center;
margin : 0 0 2em 0;
padding : 0.5em;
} 
div#intestazione ul.navbar span { 
display : none;
}
div#intestazione ul.navbar a:link, div#intestazione ul.navbar a:visited { 
color : #365d95;
text-decoration : none;
margin-right : 1em;
margin-left : 1em;
} 
div#intestazione ul.navbar a:hover, div#intestazione ul.navbar a:active { 
color : #1f2126;
text-decoration : underline;
margin-right : 1em;
margin-left : 1em;
} 
div#intestazione ul.navbar li { 
display : inline;
}

Valori ammessi per la proprietà margin: 1 - lunghezze, 2 - valori percentali con riferimento alla larghezza del blocco contenitore, 3 - auto. Da sviluppare.