Nwlapcug.com


Come fare un foglio di stile per l'elemento DIV

Come fare un foglio di stile per l'elemento DIV


CSS consente di creare fogli di stile a controllo pagina Web visualizzazione contenuto e il layout. Un DIV è un costrutto HTML che fornisce un mezzo per raggruppare altri elementi HTML, ad esempio intestazioni, paragrafi e immagini. È possibile controllare molti attributi di vostro div utilizzando i CSS. Utilizzare un foglio di stile per indicare il colore di sfondo, la posizione e la dimensione di un gruppo DIV.

Istruzioni

1

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

2

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

< style >

highlightDiv () {

left:48px;

width:200px;

background-color:#FFFF99;

}

< / stile >

3

Il tag DIV per applicare lo stile, inserire l'id di stile:

< div id = "highlightDiv" >< p > grande vendita Going On... </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 un ". Estensione CSS", ad esempio,"Main".

5

Inserire un riferimento per il foglio di stile in ogni pagina che si desidera accedere lo stile. Posto il link sopra il tag "< / head >":

< link href "rel ="stylesheet"type =" text/css">

Salvare tutti i file. Verificare la pagina Web in un browser Web.