Come fare un foglio di stile per la DIV

November 28

Come fare un foglio di stile per la DIV


CSS consente di creare fogli di stile per controllare la visualizzazione contenuto della pagina Web e il layout. Un DIV è un costrutto HTML che fornisce un mezzo per raggruppare altri elementi HTML, come i titoli, paragrafi e immagini. È possibile controllare molti attributi dei DIV usando i CSS. Utilizzare un foglio di stile per indicare il colore dimensioni, posizione e sfondo di un gruppo DIV.

istruzione

1 Avviare un editor di testo o HTML. Aprire la pagina Web.

2 Digitare uno stile per un DIV con uno sfondo giallo chiaro. Inserire il codice sopra il tag "</ head>":

<Style>

highlightDiv {

left:48px;

width: 200px;

background-color: # FFFF99;

}

</ Style>

3 Inserire la identificazione di stile nel tag DIV per applicare lo stile:

<Div id = "highlightDiv"> <p> Gran Vendita succedendo ... </ p> </ div>

Salvare la pagina Web.

4 Creare un nuovo file per creare un foglio di stile esterno che renderà i vostri stili disponibili a più pagine. Inserire la codifica stile DIV nel file:

highlightDiv {

left:48px;

width: 200px;

background-color: # FFFF99;

}

Salvare il foglio di stile con estensione ".CSS", per esempio, "main.css."

5 Inserire un punto di riferimento per il foglio di stile in ogni pagina che si desidera accedere allo stile. Posizionare il link qui sopra il tag "</ head>":

<Link href = "main.css" rel = "stylesheet" type = "text / css">

Salvare tutti i file. Metti alla prova la tua pagina web in un browser Web.