CSS derslerimize devam ediyoruz.Bu derste link işlemlerini görecez.Öncelikle bunlar ne işe yarar ondan başlayalım.Normalde sayfaya eklenmiş link mavi tıklandıktan sonra koyu mavi olur.
Biz tıklamadan önce,sonra ve tıklama anını css ile yakalayabiliyoruz.
:link = Tıklamadan önceki tasarımı
:visited = Tıklamadan sonraki tasarımı
:active = Tıklama anındaki tasarımı.
Birde her objede kullanabildiğimiz
:hover var daha önce anlatmıştım.Mouse ile üzerine gelince anlamındaydı.
Örnek :
a:link{color:#000;}
a:visited{color:#999;}
a:active{color:#666;}
Kullanımı bu şekilde.
Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>cArleone</title>
<style type="text/css">
.menu{font-size:50px;}
.menu:link{color:red;}
.menu:hover{font-size:60px;}
.menu:visited{background:#f1f1f1;color:#000;}
.menu:active{background:blue;}
</style>
</head>
<body>
<a href="#" class="menu">Anasayfa</a>
</body>
</html>
Burada tıklamadan önce rengi kırmızı tıklarken arkaplanı mavi tıkladıktan sonra arkası gri ve rengi siyah olacaktır.Mouse ile üzerine geldiğimizdi fontun boyutu artacaktır.