È possibile utilizzare i fogli di stile (CSS) per cambiare la formattazione e la posizione di uno o più elementi HTML o oggetti in una pagina. Se si desidera che gli altri elementi in una pagina di condividere gli stessi valori di posizionamento come elemento principale, è possibile separare i valori di posizionamento in un blocco unico e creare una classe. Una classe è un insieme di attributi e valori che possono essere applicati ad un gruppo di elementi. È possibile utilizzare l'attributo "class" in HTML per assegnare il codice di styling per ogni elemento del caso.

istruzione

1 Individuare la parte del codice che contiene i dati di posizione per l'elemento. Copiare e rimuovere i dettagli di posizione, e quindi inserire i valori in un nuovo blocco, come segue:

.Nome {
Posizione: valore;
top: valore;
sinistra: valore;
}

"Valore" dovrebbe contenere i valori desiderati per l'elemento di pagina. Sostituire "nome" con una parola chiave univoca.

2 Modifica l'HTML per l'elemento di pagina, in modo che il codice simile al seguente:

<Elemento class = "nome">

Sostituire "elemento" con il nome dell'elemento (ad esempio, "tavolo", "img", "div"), e quindi sostituire "nome" con la parola chiave unica.

3 Aggiungere:

class = "nome"

a tutti gli altri elementi desiderati per fare una copia della posizione del elemento originale in CSS. Sostituire "nome" con la parola chiave unica.