webmagazin

id ile class arasindaki fark

Arkadaşlar CSS ile kodlama tekniğine geçmeden önce "ID" ile "class" arasındaki farkı öğrenmemiz gerekmektedir...Bunu öğrendikten sonra css kodlamak daha anlaşılır bir hale gelecektir.


*  ID : id'nin class'dan tek farkı <div> komutuna bir kez yazılmasıdır...Yani kodladığınız bir css elementi için ID olarak yalnızca birkez yazabilirsiniz..

<div> kodumuzda bulunan "id" gözünüze çarpmıştır

<div id="header">Header başlık yazısı</div>

Şimdi bu kodu yazdığımız css kodunu yazalım: (css kodunda komut başında "#" bulunur...)

#header { background-color : #xxxxxx; }

ID mantığı bundan ibaret...

* class : ID'den farkı bir kez değil , birçok kez kullanıyor olması...

Şimdi "class" için birşeyler yazalım..ID'den farklı <div> komutunda "ıd yerine class yazacak.Css kodunda ise aşağıdaki gibi olacak

.ali { bg-color: #xxxxxx; } .ahmet { background-color: #xxxxxx;} .ayşe { background-color: #xxxxxx; }

Bu ikisi arasındaki mantığı kavradıktan sonra css kodlarken daha akıllıca ve daha yaratıcı şeyler ortaya çıkacaktır.

Etiketler : Css nedir? , Css parametreleri , Css ile fixed