Sözde Sınıf Seçicileri-Sözde Dinamik Sınıfı Css Ders 8
2-Sözde Dinamik Sınıflar: Kullanılan özellikleri a-link: Normal durumu b-visited:Ziyaret edildikten sonraki durum c-hover: Mouse ile ü<erine gelindiğindeki durum d-active:Mouse tıklandığı andaki durum
Daha fazla bilgi için : www.gorselprogramlama.com
Örnek:
Aşağıdaki kodları notpad’de yazıp a.css olarak kaydediyoruz.
[code language=”csharp”]
a:link {color: red}
a:visited {color: blue}
a:hover {color: yellow}
a:active {color: green}
[/code]
Aşağıdaki kodları notpad’de yazıp index.html olarak kaydediyoruz
[code language=”csharp”]
<html>
<head><title>www.gorselprogramlama.com</title>
<style type="text/css">
@import "a.css";
</style></head>
<body>
<a href=https://www.gorselprogramlama.com>gorselprogramlama</a>
</body>
</html>
[/code]
index.html dosyasını çalıştıralım
Mouse ile link üzerine gelindiğinde
Link tıklandığında
Link ziyaret ediltikten sonra
Yukarıdaki kodları açıklamaya çalışalım.Önce css dosyasından başlayalım.
a:link {color: red} : linkin yazı rengi normal durumda kırmızı renkte olsun.
a:visited {color: blue} : linkin yazı rengi ziyaret edildikten sonra mavi renkte olsun.
a:hover {color: yellow} : mouse ile link üzerine gelindiğinde yazı rengi sarı renkte olsun.
a:active {color: green} : link tıklandğında yazı rengi yeşil renkte olsun.
Ziyaret edilen sitelerin yazı rengi mavi ,ziyaret edilmeyenlerin kırmızı ,mouse ile link üzerine gelindiğinde sarı ve tıklandğında yeşil renkte olur.
Daha fazla bilgi için : www.gorselprogramlama.com