Categorie
sviluppo

header html e css fantasmi

Qualche giorno fa geeksquare mi ha dato l’occasione per scoprire un uso dei css che non conoscevo, infatti questa pagina mi ha fatto passare quasi un ora prima di capire come funzionasse ( ma quanto sono ignorante ??? 🙂 )

il “trucco” ( se così possiamo chiamarlo ) è la combinazione dell’utilizzo di un header impostato via codice …

… e del relativo file css ( richiamato dell’header ) nel quale vengono impostate le proprietà della pagina.

Nelle specifiche css le istruzioni “:after” e “:hover” vengono chiamate Pseudo-classi, quella che segue è una brevissima spiegazione.

:after ci consente di inserire del contenuto alla fine di un elemento

:hover si applica ad un elemento metre questo ha il puntatore del mouse vi passa sopra.

Esistono molte altre pseudo-classi ma non tutti browser li renderizzano nello stesso modo.

questo tipo di “magia” per il momento funziona solo con Firefox e Opera 9 e quindi non è utilizzabile per la realizzazione di un sito, ma rimane comunque un interessante spunto per una riflessione sull’uso dei fogli di stile.

Link di riferimento

  1. sitepoint.com
  2. neondragon.net

Di .:: Maurizio Pelizzone

2 risposte su “header html e css fantasmi”

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.