Class ID Kullanımı , CSS oluşturmamızda olmazsa olmazlardandır. Geneillik ID & Class seçiciler olarak adlandırılırlar.Öncelikle neden ID , neden Class kullandığımızı bilmemiz gerekmektedir.Gelelim ID ve Class arasındaki farklara.ID tek bir elementte kullanılabilir.Class ise bir çok element ile beraber kullanılabilir.Genellikle Class seçicisi kullanılır.
Class Kullanımı ;
Class ” . ” ile belirlitilir. class=”isim” olarak tanımlanır.
Örnek olarak ;
<html>
<head>
<title>Class Kullanımı Örneği/title>
</head>
<style type="text/css">
.classkullanimi {
color:#900;
text-transform:uppercase;
font-size:30px;
}
</style>
<body>
<p class="classkullanimi">Avcı Ufuk YILMAZ</p>
</body>
</html>
Çıktı :
ID Kullanımı;
ID # işareti ile belirtilir. id=”isim” olarak tanımlanır.
Örnek olarak ;
<html>
<head>
<title>ID Kullanımı Örneği/title>
</head>
<style type="text/css">
#idkullanimi {
color:#900;
text-transform:uppercase;
font-size:30px;
}
</style>
<body>
<p id="idkullanimi">Avcı Ufuk YILMAZ</p>
</body>
</html>
Çıktı :
böylece en iyi şekilde de kullanım farkını görmüş olduk.
