In questo capitolo realizzeremo la struttura della pagina utilizzando i CSS

In questa lezione affronteremo l'uso dei div che detto in parole povere corrispondono a dei contenitori all'interno dei quali vengono applicate le regole CSS definite per quel contenitore ( div ).

Innanzitutto realizziamo una nuova regola cliccando sul tasto apposito


Nel pannello nuova regola CSS applichiamola al tag selezioniamo body e, in nuova regola, selezioniamo nuovo foglio di stile.

Clicchiamo su OK e ,se non l'abbiamo già realizzata, creiamo la pagina in formato CSS che conterrà il codice delle nostre regole. A questo punto definiamo le regole a nostro piacimento come visto nella lezione specifica, clicchiamo su OK e in modalità progettazione vedremo visualizzate le modifiche apportate al tag body.

Fatto questo realizziamo il nostro DIV. Posizioniamo il cursore del mouse nel punto in cui vogliamo inserirlo e clicchiamo nel Pannello inserisci sul tasto specifico.


Si apre così una finestra che ci consente di definire alcune proprietà del div. Importante selezionare dove vogliamo che sia posizionato.


Clicchiamo nuova regola e selezioniamo in alto composto, diamo un nome preceduto dal simbolo cancelletto ( # )

Aggiungiamo le proprietà che dovrà avere la regola applicata al Div come spiegato nella lezione sui stili CSS.

Confermiamo ed avremo realizzato il nostro tag div. Se andassimo in modalità codice noteremo che per la visualizzazione del nostro div è stata adoperata la seguente sintassi <\div id="nome">Digitare quì il contenuto del div<\/div>
Nel codice ignorate lo slash ( \ ) prima della parola div nel tag di apertura e quello prima dello slash opposto nel tag di chiusura.

A questo punto possiamo spaziare tra le oppurtunità offerte dai tag div aggiungendone all'interno del primo quanti ne consideriamo utili ai fini della struttura della pagina racchiudendoli tra i tag di apertura e di chiusura del div principale.

COMMENTI