Css Eğitimi Ders 6-Bağlantı Özellikleri

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRn6g5w5vuV4vMz1nyOFuw-90T45P85arbtihwjduHirEXC7svCFrFetpdB37bh2wSdieNmSMYuordTTOYwKZZeC9IgVs3ULuJLOkzv3m2oK8H25u7FndeSvezH0HVRp-dq9YeaD_gMGtu/s1600/5035a79ebf516.preview-620.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRn6g5w5vuV4vMz1nyOFuw-90T45P85arbtihwjduHirEXC7svCFrFetpdB37bh2wSdieNmSMYuordTTOYwKZZeC9IgVs3ULuJLOkzv3m2oK8H25u7FndeSvezH0HVRp-dq9YeaD_gMGtu/s1600/5035a79ebf516.preview-620.jpg" width="200" /></a></div> Merhaba,<br /> Yazı stillerini belirledikten sonra şimdi bağlantılarla oynayalım.<br /> <h3> Bağlantılar</h3> <div> Bağlantılar ziyaret edilmiş, edilmemiş gibi bazı özelliklerle yönetilir.</div> <br /> <ul> <li>a:link - Normal Görünüm</li> <li>a:visited - Ziyaret edilmiş Görünüm</li> <li>a:hover - Fare İle Üzerinde Durulduğunda Görünüm</li> <li>a:active - Tıklanılan Anda Görünüm</li> </ul> <div> Örneğin:</div> <div> <br /></div> a:link {color: blue;} /*Normal*/<br /> <div> a:visited {color: red;} /*Ziyaret Edilmiş*/ </div> <div> a:hover {color: red;} /*Fare Üzerindeyken*/ </div> <div> a:active {color: orange;} /*Aktif İken*/</div> <div> <br /></div> <div> Bunları  kullanırken şunlara dikkat etmeliyiz:</div> <div> <br /></div> <div> <ul> <li>a:hover her zaman a:link ve a:visited'den sonra gelmeli.</li> <li>a:active her zaman a:hover'dan sonra gelmeli.</li> </ul> </div>

Css Eğitimi Ders 6-Bağlantı Özellikleri

Merhaba, Yazı stillerini belirledikten sonra şimdi bağlantılarla oynayalım. Bağlantılar Bağlantılar ziyaret edilmiş, edilmemiş gibi b...

Devamı »