Che differenza c'è tra un Id e una class ?

In un documento X(HTML) queste due chiavi servono per identifcare la corrispondenza da importare dal foglio di stile.

La sintassi per l'id nel HTML è

Codice: Seleziona tutto

<div id="nome"></div>

e nel CSS è

Codice: Seleziona tutto

#nome {attributi selettore;}

Mentre la sintassi per la class in HTML è

Codice: Seleziona tutto

<div class="nome"></div>

e nel CSS è

Codice: Seleziona tutto

.nome {attributi selettore;}

A prima vista la differenza non è così sostanziale, ma n.b. in un documento HTML l'id è usato per identificare in modo univoco una singola voce, per cui se lo uso per impostare il corpo principale della pagina, non lo potrò più usare in quel documento.
Questa limitazione si può rilevare utile se si sceglie con razionalità a cosa attribuire il nostro id, di modo che modifiche future siano immediate e senza fatica nel ricercare le varie classi.

Codice: Seleziona tutto

.classe{
attributo:valore;
}


si può usare anche per un testo

Codice: Seleziona tutto

.class{
text-align:center;}
<p class="classe">Mio testo</p>


come vedete si ha un testo con allineamento al centro