Differenza tra class e id

[ANTAGONIA]

Buon giorno, vorrei sapere per favore, qual'è la differenza tra class e id, e perchè si usa o l'uno o l'altro.

Grazie mille e buona giornata.

[Tux7000]

Capire a fondo la differenza tra id e classi è fondamentale per scrivere un buon markup. Gli id individuano univocamente elementi e/o sezioni di pagina, mentre le classi hanno la capacità di definire gruppi (classi appunto) di elementi che hanno stessa funzionalità o scopo.

Mentre l'uso degli id è indispensabile, quantomeno per le varie sezioni di pagina (header, navigazione, contenuto e footer), l'uso delle classi andrebbe limitato. Soprattutto durante i primi passi di sviluppo con HTML e fogli di stile, c'è la tendenza naturale ad abbondare con l'uso delle classi. Non sono nocive e a volte sono indispensabili, ma andrebbero tenute al minimo: soprattutto nei casi in cui si potrebbe usare un unico id oppure avvantaggiarsi del selettore discendente.
da: http://css.html.it/articoli/leggi/21...li-di-stile/1/

Le classi servono per definire una tipologia di elementi, cioè per attribuire uno scopo e/o una presentazione ad un sottoinsieme di elementi con caratteristiche e funzionalità comuni di una pagina HTML. Gli id servono per definire un elemento unico in una pagina, con un unico e preciso scopo, nella maggior parte dei casi tale scopo è determinare una sezione in una pagina HTML. In sostanza, quando sappiamo che un elemento sarà unico useremo un id. Negli altri casi, se non disponiamo di alternative (come ad esempio il selettore discendente) possiamo usare una classe.
da: http://css.html.it/faq/leggi/219/qua...a-classe-e-id/

Ciao!

[ANTAGONIA]

ok ti ringrazio....
in sostanza, la classe se non è strettamente necessaria non si deve utilizzare a differenza del IDentificatore.
La classe si può utilizzare con tutti gli elementi di una pagina a differenza dell'ID che è univoco, e cioè, per un solo elemento...

Giusto?

[Tux7000]

Esatto, l'ID è univoco e la classe la usi quante volte vuoi.
La classe va usata quando non puoi proprio farne a meno.
Esempio 1:

<div id="header">
<h1>Benvenuti nel Sito</h1>
</div>

CSS:
div#header
{background-color: #ffcc00;}
div#header h1
{font-size: 1.3em;}

Esempio 2:

<div id="content">


Benvenuti nel Sito</p>
<p class="warning">Testo di avvertimento</p>
</div>

CSS:
p
{font-size: 1 em;}
p.warning
{color: #ff0000;}

Ciao.

[mucu]

secondo me è esattamente il contrario
si usano sempre e solo le classi e i tag generici e quando bisogna caratterizzare qualcosa scatta l'id