Cell. +39 3479684755

Il Blog di Instant Websites

Tag: hyperlinks

Migliorare l’aspetto dei collegamenti ipertestuali con CSS3

La formattazione dei collegamenti ipertestuali (hyperlinks) tramite CSS prevede, come noto, la definizione delle proprietà delle differenti pseudoclassi dinamiche.

Queste vengono normalmente distinte in due gruppi: il primo corrispondente al link “a riposo”, cioè non attivato ed il secondo corrispondente al link attivato con uno dei vari dispositivi di puntamento possibili, con la seguente sintassi nel foglio di stile:

a {
// qui le proprietà comuni a tutte le pseudoclassi dinamiche

}

a:link, a:visited {
// qui le proprietà dei link a riposo, già visitati o meno

}
a:hover, a:focus, a:active {
// qui le proprietà dei link attivati tramite un dispositivo di puntamento

}

(si rammenti che l’ordine in cui le pseudoclassi vengono definite è tassativo in base alle raccomandazioni del W3C).

Di solito i link visitati vengono formattati nello stesso modo di quelli non ancora visitati, tuttavia in casi particolari è possibile assegnare loro proprietà particolari: ad esempio, in un elenco con un numero molto elevato di collegamenti, si potrebbe volere agevolare il visitatore segnalando visivamente quali di questi sono già stati visitati.

Tramite i CSS è quindi possibile variare colore del testo, colore di sfondo, sottolineatura o meno ed altre proprietà, tenendo conto che le regole di fruibilità del sito sconsigliano l’evidenziazione dei links tramite il solo colore differente da quello del testo ordinario, soprattutto quando tali links si trovano nel corpo del testo e non isolati in un menu a parte.

I CSS3 hanno introdotto alcune proprietà che permettono di migliorare l’aspetto dei collegamenti ipertestuali con effetti semplici e gradevoli che, fino ad oggi, richiedevano l’utilizzo di Javascript.

Vediamone un paio che impiegano la proprietà transition.

Continua a leggere

Categorie
Archivi