div e class

[Sciamano.box]

Un chiarimento pratico:

posso associare uno stile tramite

<div id="prova">

oppure

<span class="classe">


la differenza è che nel primo caso associo lo stile al div con quell'id (solo a quello quindi)
nel secondo caso definisco uno stile riutilizzabile per altri elementi (non div ovviamente ma solo in span .... oppure anche in altro )


Due dubbi:

la struttura del tipo:

div#prova
qiuando è necessario/conveniente utilizzarla? cosa la differenza da #prova??


è corretto utilizzare il formato .stile per definire, ad esempio, la caratteristiche dei testi che utilizzerò nella mia pagina?

esempio di un CSS:

.testo7
mi definisco il stile di un testo con 7px
.testo8
mi definisco il stile di un testo con 8px

che poi userò nelle pagine come
<span class="testo7"> il mio testo </span>


Potete correggermi se ho scritto qualche fesseria? (spero non troppe)

Grazie

[Kiantis]

div#prova lo uso perchè non potrebbe essere interpretata correttamente la sua forma piu corta da tutti i browser, in teoria una volta specificato l'id non c'è da dire altro, perchè l'id dovrebbe essere univoco.

anche div ha il parametro class e anche span ha il parametro id, sono due tag equivalenti, l'unica differenza è che div è blocco di default e span inline di default.

per le classi, ne puoi anche usare piu di una nella proprietà class separate da spazio.
Ognuna dovrebbe sovrascrivere la precedente.

[Sciamano.box]

Grazie per la risposta! Quindi quanto ho indicato non è errato?

E inoltre è corretto utilizzare una logica come quella indicata sopra per definire le varie tipologie di testo? (anche utilizzate una soluzione di questo tipo??)

.testoRosso7
mi definisco il stile di un testo con 7px
.testoRosso8
...

.testoNero7
....
.testoNero8
....

[Al_katraz984]

che poi userò nelle pagine come
<span class="testo7"> il mio testo </span>

Si è corretto xò non necessariamente devi usare <span> visto che hai del testo puoi mettere <p class="testo7"> è semanticamente piu corretto..

[Sciamano.box]

Eggià! Hai ragione!

Grazie