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 pagine (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)


Discover ANIMETAL!

COMMENTS / 4 COMMENTS

mmm…avevo le idee + chiare prima di leggere il tuo post…

bepi (Jan 07 09 at 7:16 pm )

ciao Bepi, cosa stavi cercando?

simon (Jan 07 09 at 7:27 pm )

grazie

xpmatrix (May 31 09 at 1:45 pm )

grazie! chiaro e utile

roberto (Feb 04 10 at 8:23 pm )

SPEAK / ADD YOUR COMMENT
Comments are moderated.

Return to Top

CSS differenza tra Span, Div, Id e Class

FRESH / LATEST POSTS

Categories

L’autore del Blog

simone righini consulente seo