CSS: LINK

Con il CSS , è possibile differenziare anche i layout dei link esattamente come per il testo (cambiandone ad esempio colore,font, sottolineatura) , presenti nella nostra pagina HTML .
I CSS ci permettono in oltre di cambiarne lo stile una volta aperti.
In Html i link sono identificati dal tag <a>.
Creiamo per cui una pagina html come di seguito:




<!doctype html>
<html lang=”it”>
<head>
<title>Pagina esempio Ciò Che So </title>
<link rel = “stylesheet” type = “text/css” href = “style.css”/>
</head>
<body>
<p>questo e’ un paragrafo di esempio , per testare le proprieta’ di CSS</p>
<a href=”https://ciocheso.com”;> questo link porta alla nostra Home </a>
</br>
<a href=”https://ciocheso.com/natura.html”;> questo link porta alla nostra pagina Natura </a>
</body>
</html>

A:LINK

Serve a definire le proprietà di un link ancora da visitare, nell’ esempio di seguito abbiamo assegnato il colore rosso , ai link ancora da visitare.

STYLE.CSS

a:link {
color:red;
}

A:VISITED

serve a definire le proprietà di un link già visitato ,  nell’ esempio di seguito abbiamo assegnato il colore verde , ai link già visitati.




STYLE.CSS

a:link {
color:red;
} a:visited {
color:green;
}

A:ACTIVE

Serve a definire le proprietà di un link mentre lo si sta cliccando

STYLE.CSS

a:link {
color:red;
} a:visited {
color:green;
}
a:active {
color:blue;
}

A:OVER

Serve a definire le proprietà di un link quando vi passiamo sopra con il cursore.




STYLE.CSS

a:link {
color:red;
} a:visited {
color:green;
}
a:active {
color:blue;
}
a:over {
color:purple;
}