Un DIV, che è l'abbreviazione di "divisione", viene utilizzato con i fogli di stile CSS per separare pezzi di contenuti gli uni dagli altri, comprese le immagini e blocchi di testo. Un DIV consente allo stile di alcuni contenuti separatamente dal resto del contenuto. Per tenere aggiornati i contenuti organizzati all'interno DIV, allineare il contenuto per misura il vostro layout di pagina. Usa il tuo CSS per impostare gli attributi per il DIV.

istruzione

1 Creare un DIV all'interno del documento HTML, per esempio:

< "Div id =" example ">
<H1> Benvenuti nel mio sito! </ H1>
<P> Vogliamo allineare questo blocco di testo all'interno del div. </ P>

</ Div>

Nell'esempio precedente, il DIV è etichettato come "esempio" per identificarlo nel CSS.

2 Aprire il CSS se è stato quello creato. In caso contrario, aprire un file vuoto in un editor di testo semplice.

3 Digitare:

esempio {

text-align: left;
}

Nell'esempio precedente, "esempio" è il nome del DIV e il testo è impostato per allineare a sinistra. È inoltre possibile utilizzare destra, centro e giustificare per l'attributo di allineamento.

4 Salvare il file CSS facendo clic su "Salva con nome". Digitare il nome del file desiderato nella casella Nome file e termina con "css"; utilizzare la freccia a discesa per selezionare "Tutti i file" come tipo di file. L'estensione del file CSS definisce il documento come CSS, invece di un documento di testo.