CSS e link:

Come sicuramente avrete visto navigando in internet i link possono variare al passaggio mouse o dopo il clic del navigatore.
In questa sezione analizziamo come è possibile effettuare queste variazioni grafiche e dove inserire il codice per crearle.

Prima di vedere gli attributi dobbiamo spendere due parole sui Link.
Tipi di link:
A:LINK { attributi } Come si presenta inizialmente.
A:VISITED { attributi } Come si presenta se cliccato.
A:HOVER { attributi } Come si presente se il puntatore vi è sopra.



Modificando i tre tipi di link si possono ottenere degli strani effetti grafici.
Esempi:
prova Questa è la classe puno
prova Questa è la classe pdue
prova Questa è la classe ptre



Vediamo le classi con le quali abbiamo costruito i link:

Inserimento STYLE di link in body:

Come già accennato nel paragrafo Css in body inserire gli style per i tag di link nel body è molto semplice, basta solo inserire il comando style=" " nel tag <a>.

esempio:

In questo caso otteniamo il risultato:
    ABC

Se non inseriamo STYLE:
    ABC

Inserire attributi style come descritto sopra è molto utile quando abbiamo più immagini affiancate o quando più parole su più righe puntano allo stesso link.
Se non lo usiamo (dipende dall'impaginazione) possiamo ottenere lo sgradevole effetto di sottolineatura di spazi vuoti (Lo spazio è un carattere).

Gli stili dei link modificabili con i CSS.

Responsabilità
Link amici

W3C validator

W3C validator CSS