Class ve ID Kullanımı Arasındaki Farklar

CSS' te class ve id ne işe yarar, aralarında nasıl bir ilişki var vekullanım şekilleri nasıldır, buna bir göz atalım.

CSS' te class ve id ne işe yarar, aralarında nasıl bir ilişki var vekullanım şekilleri nasıldır, buna bir göz atalım.

CSS'te en çok karıştırılan konu class ve id'nin ne işe yaradığı konusudur. "Her ikisi de aynı işlevi mi karşılar?" gibi düşüncelere kesinlikle kapılmışsınızdır.

Bunu şu şekilde anlatmaya çalışalım.

Bir ev düşünün: Bu evin 4 odası olsun. Her odanın bir ismi vardır. Örnek:

1. oda: Mutfak ............... id="mutfak"
2. oda: Çocuk Odası........ id="cocuk"
3. oda: Oturma Odası....... id="oturma"
4. oda: Misafir Odası........ id="misafir"

Şimdi burada her odayı tanımlamak için bir isim ,yani id verdik. Her odayı diğerinden ayrıt etmek için verilen isim olarak id algılarsak
class her odanın nasıl görünmesi gerektiğini tanımlayandır.

Örnek, class="x" ve class="y" gibi iki class'ımız olsun. x için belirtilen özelikler kırmızı boya, y için belirtilen sarı boya diyelim.
Burada kırmızı renkte olmasını istediğimiz odalara x class'ı, sarıya boyamak istediğimiz odalara da y class'ı verek sorunu çözebiliriz.

Burada amaç şu: Tek bir class'la birden çok id'ye aynı özellikleri atamak mümkün olduğundan class kullanımı çok yönlü olmaktadır. Renk, font, border, gölge vs. gibi...

Kolay gelsin.

  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git