-
The_Lord_King_Prince.
User deleted
Gli ID
---------------------------------------------------------------------------------------------------------------------------------------------------------------
Cosa sono?
Gli ID sono dei nomi di riconoscimento (dall'inglese "identification"). Hanno svariati usi nel web, nel nostro caso, servono a delimitare l'area di azione di una qualisasi parte dei CSS, ad esempio, se vogliamo che un animazione in CSS venga fatta su una sola immagine, dobbiamo delimitare l'area d'azione della nostra animazione CSS.
Per farlo ci basterà inserire tra i tag "div" le nostre cose che subiranno l' ìeffetto dei CSS, ma ovviamente dobbiamo mettere nei CSS l'ID preciso di quello che mettiamo nei tag div. Nei circuiti FF, FC e BF i CSS sono stati limitati per impedire gravi errori, e quindi un codice senza ID non funziona
Indicare l'ID
HTMLCODICE<div class="ID">QUI SCRIVI</div>
CSSCODICE.ID
oppure
HTMLCODICE<div id="ID">QUI SCRIVI</div>
CSSCODICE#ID
Più ID per un solo stile
Se vogliamo che uno stesso stile funzioni per due id diversi, basta separare gli ID con una virgola, quindi:CODICE.ID, .ID1, .ID2
Questa separazione serve ad applicare a evitare di ripetere ogni volta il codice, ma anche per altre cose più avanzate.
Ad esempio ieri stavo facendo un codice con la rotazione-ingrandimento, e dovevo applicarlo a tre immagini, ma se le mettevo tutte nello stesso div non appena il cursore passava sopra un'immagine, anche le altre facevano l'effetto, quindi ho separato il div, ma ho messo i tre id separati con la virgola
L'ID di una sezione
Se vogliamo indicare l'ID di una sezioneCODICE.fIDSEZIONE
stando attenti a non togliere la f e il punto
------------------------------------------------------------------------------------------------------------------------------------------------------------
Professore CSS
Guida fatta da Kind .Dark per la rubrica di approfondimento sui CSS "Professore CSS", vietata la copia, parziale o totale che sia, senza permesso.