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)

Did you know that some people doesn’t click on your buttons just because they see the arrow pointer, and they only click when they see the finger pointer?

here’s a CSS valid for FF & IE

input.btn{
cursor: pointer;
cursor: hand;}

here’s the HTML code for button styling

<input name="name" id="id" class="btn" value="value" type="submit" />

even though I did not need this updrade, I did it because I love everything Matt does.

Template of the day

design alternative theme

Plugin of the day

Iphone wordpress admin