CSS differenza tra Span, Div, Id e Class

che differenza c’è tra span e div?

span è un elemento inline, div è un elemento block

che differenza c’è tra <div class=”" e <div id=”" ?

sono 2 tipi di modi di identificare un elemento, la class si assegna quando il riferimento non è univoco, per esempio quando c’è un elemento che si ripete più volte nella pagina, l’id si utilizza quando il riferimento è univoco, cioè deve essere presente una volta nella pagina (es. id=”container”), viene utilizzato spesso anche dai javascript per lavorare su un elemento specifico

come si collegano gli ID e il CLASS nelle pagine HTML ai fogli di stile .css ?

<div class=”ciccio” viene sempre chiamato da file css col . ad esempio .ciccio{…}

<div id=”ciccio” viene sempre chiamato col # ad esempio #ciccio{…}

ocio che gli id possono comparire una sola volta nella pagina per questioni legate alle standardizzazioni del w3c, è anche possibile assegnare lo stesso id a diversi tag, però non è approvato.

e cosa succede se chiamo un id=”ciccio” col foglio css .ciccio?

niente

e se chiamo class=”ciccio” usando nel css #ciccio ?

non succede niente

si possono mescolare div ID e CLASS?

Si, per esempio:

la riga nel foglio CSS

.ciccio#altronome{…}

chiama un

<div id=”altronome” class=”ciccio”

cosa succede se lascio spazi vuoti nel file CSS tra la definizione delle classi e degli ID?

la riga nel foglio CSS

.ciccio #altronome{…}

cerca un elemento che si chiama #altronome che è allinterno di un elemento che si chiama .ciccio: ad esempio

<div class=”ciccio”>
<p id=”altronome”>testo</p>
</div>

nel foglio di stile CSS che differenza c’è tra Tag spazio .classe e Tag.classe? (esempio: h3 .allegato e h3.allegato)

quando è presente lo spazio l’elemento che ha classe che è contenuta nel tag (esempio: <h3><div> … <div class=”allegato”>)  viene trovato qualsiasi sia il contenuto tra il TAG e la CLASSE.

quando non c’è lo spazio, viene trovato solo il tag che ha la classe stabilita (esempio: <h3 class=”allegato”>)

Grazie Z. sei sempre il nostro esperto di riferimento!! (che ci tiene a farvi sentire questa versione Metal della sigla di lupin)