Skip to main content
Opencart Eğitimi

Class ID Kullanımı

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ı : 

class_ornegi

 

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ı : 

class_ornegi

 

böylece en iyi şekilde de kullanım farkını görmüş olduk.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.