Ora ci interessa capire se e come poter suddividere lo spazio di una pagina. L'intera pagina è costituita dall'elemento corpo (body). Lo spazio eventualmente individuato da un elemento è detto box (scatola). Body è il box genitore e li contiene tutti e ogni box può contenerne altri, come delle scatole cinesi.
Uno degli elementi più comunemente usati per definire uno spazio (box)all'interno della pagina è l'elemento divisione, delimitato dai marcatori div e /div.
Un esempio dell'uso dell'elemento divisione lo si ha in figura:
dove si possono vedere due divisioni: la prima per il titolo, la seconda per il corpo. L'effetto è quello riportato qui sotto:
Notiamo le seguenti particolarità relative allo stile dei due box:
- il testo del titolo è allineato al centro (text-align: center;), il colore di sfondo è giallo (background-color: yellow;), il colore dei caratteri è rosso (color: red;)
- lo sfondo del secondo box è rosa
- l'elemento p all'interno del secondo box presenta un rientro del testo sia a sinistra che a destra (padding-left: 30px; padding-right: 30px;), oltre ad essere in corsivo (italic).
Fa già una bella differenza!
***
Nessun commento:
Posta un commento