Css ile stillendirme işlemleri yaparken belli kontrolle genel bir stil uygulamak isteyebiliriz.
Direk olarak örnek vermek istiyorum çünkü çok basit bir şey.
Örneğin bütün textboxların border özelliğini değiştirelim
input[type="text"]{
border: 1px solid red;
}
Şeklindeki kullanımla bütün input type=”text” özelliğine sahip kontrollerin borderlarını 1px kalınlığında kırmızı renge boyadık
Sayfalarda kullanılan linklere farklı durumlara göre renk verebilirsiniz
Aşağıdaki örnekteki gibi, link renklerini belirleyebilirsiniz
/*default link rengi*/
a:link{color:green;}
/*aktif link rengi*/
a:active{color:red;}
/*ziyaret edilmiş link rengi*/
a:visited{color:black;}
/*fare ile üstüne gelinen link rengi*/
a:hover{color:green;}
yazdığınız stilleri <style> tagı içerisine almayı unutmayın
<style>
/*default link rengi*/
a:link{color:green;}
/*aktif link rengi*/
a:active{color:red;}
/*ziyaret edilmiş link rengi*/
a:visited{color:black;}
/*fare ile üstüne gelinen link rengi*/
a:hover{color:green;}
</style>
Css kodlarını sayfaya haricen başka bir dosyadan da ekletebilirsiniz.
Nasıl yapacağınızı öğrenmek için tıklayın.
Css için style.css yerine kendi css dosyanızın adresini yazın.
<link rel="stylesheet" type="text/css" href="style.css" />
Javascript dosyanız için javascript.js yerine kendi js dosyanızın adresini yazın.
<script type="text/javascript" src="javascript.js"></script>
veya direk olarak sayfada css kodu yazmak için örnekteki gibi style taglarını kullanın
<style type="text/css">
div{
color:red;
}
</style>