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)


Discover ANIMETAL!
Categoria: xhtml + css = love. URL permanente.

8 Responses to CSS differenza tra Span, Div, Id e Class

  1. bepi says:

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

  2. simon says:

    ciao Bepi, cosa stavi cercando?

  3. xpmatrix says:

    grazie

  4. roberto says:

    grazie! chiaro e utile

  5. chri says:

    ciao a tutti,
    con div e div class
    come cambio il menu da orizzontale a verticale???
    grazie

  6. Gloria says:

    comincio a capirci qualcosa..grazie

  7. Alex says:

    bene, mi serviva giusto sapere questa differenza, ed e’ spiegata in maniera sintetica e molto efficace!

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Ti segnalo i nuovi commenti via mail? Puoi anche iscriverti senza commentare