Tutorial CSS: Collegare le pseudoclassi dei link

autore dell'articolo Andrea Leti - commenti a: Tutorial CSS: Collegare le pseudoclassi dei link 0 - Articoli simili li trovi in: CSS

Tutorial CSS: Collegare le pseudoclassi dei link

Durante la vita di un Web Designer o di un Visual Designer, l’incontro con i fogli di style CSS è pressoché inevitabile. Ogni web designer che si rispetti ha imparato dalle basi dei CSS fino ad espandersi e diventare un vero esperto. L’utilizzo dei CSS spesso viene, pensato come: “utilizzo i CSS per creare siti che non usufruiscono di una architettura tabellare, poiche quest’ultima appesantisce la pagina..“. I CSS, invece, sono qualcosa di davvero potente!

Forse non tutti sanno che le pseudoclassi :link, :visited, :hover, :focus e :active, nel 90% dei casi utilizzate per la gestione del link e dei suoi eventi possono anche essere collegate fra loro.

Infatti, si possono collegare le pseudoclassi, facendo in modo che i link abbiano un colore diverso per lo stato :hover (e quindi quando gli passiamo il puntatore del mouse sopra) a seconda che il link in questione sia stato già visitato o meno.

a:link{color:#000000;}
a:visited{color:#ff00ff;}
a:link:hover{color:#ff0000;}
a:visited:hover{color:#0000ff;}

La cosa fenomenale di questa tecnica avanzata CSS è che non occorre preoccuparsi dell’ordine delle regole, poiché funzioneranno a prescidere grazie alle diverse destinazioni e specificità.

Come al solito però c’è un però. :D C’è sempre un guastafeste: Internet Explorer 6. Il maledetto browser Microsoft, infatti, potrebbe creare qualche problema  (uff…..che novità…) poiché legge le ultime due righe come a:hover.

Trova altri articoli con questi tag: , , , ,

 


Lascia un commento




Vuoi anche tu un avatar per i Blog Wordpress? Vai su Gravatar.com!
E' facile, veloce, Intuitivo! Personalizza i tuoi commenti! Fatti riconoscere!

ULTIMI ARTICOLI IN CSS

Il box model css – Css Zoom Il box model css – Css Zoom

Il box model è forse l’aspetto più importante dei css. Vediamo come è strutturato e come l’antipatico browser Internet explorer lo interpreta.

Come creare una cornice ad una foto con i CSS Come creare una cornice ad una foto con i CSS

Creare una cornice alle foto è sempre oggetto di discussione nei vari forum di grafica e webdesign di tutto il mondo, oggi lo facciamo con i CSS :)

Cambiare opacità degli oggetti con CSS3 Cambiare opacità degli oggetti con CSS3

Con le nuove specifiche CSS3 si può giocare con l’opacità degli oggetti rendendoli cosi semitrasmarenti a nostro piacimento. Vediamo come.

Utilizzare   font personali con i CSS3 Utilizzare font personali con i CSS3

Le specifiche CSS3 rendono il web davvero diverso e sempre più personalizzabile! Con le nuove, specifiche infatti si può giocare con l’opacità degli oggetti rendendoli cosi semitrasmarenti a nostro piacimento. Per utilizzare questo effetto CSS3 dobbiamo ricorrere alla regola opacity. Che ve lo dico a fare questo effetto css3 non funziona su Internet Explorer se [...]

Ombra sui testi con text-shadow CSS Ombra sui testi con text-shadow CSS

Con l’avvento dei CSS3, anche se non sempre supportati bene da tutti i browser, uno fra tutti Internet Explorer, le possibilità di personalizzazione dei siti web a dispodizione dei webdesigner è aumentata notevolmente. Spesso scrivere una determinata frase o headline con quel font che ci piace tanto ci ha portati ad utilizzare una immagine. Grazie [...]

CATEGORIE DEL BLOG

guadagna scrivendo su andrealeti.it

LINK DA NON PERDERE

AndreaLetiTube il canale dei tutorial

Andrea Leti - Chi sono - Portfolio - Google Sitemap - Blog Policy - Licenza Creative Commons - torna su Torna Su