CSS’de kimlik (ID) ve sınıf (class) nedir? Nasıl kullanılır?

CSS’de en önemli konulardan birisi ID ve Class kısmıdır. Bunları doğru kullanamazsak, yapacağımız kodlar çalışsa bile mutlaka bir yerlerde hata oluşturur. Ayrıca W3C kurallarına uymakta gerekir değil mi? Şimdi geçelim bu iki kod kullanım şeklini anlatmaya. Kimlik (ID), sadece bir kere olacak ise kullanın. Ama mesela aynı şekilde birden çok yerde kullanacaksanız o div’i, Sınıf (Class) olarak kullanmanız gerekiyor. Örnek: Sitenizi komple kaplayacak bir Kimlik(ID) belirleyelim ve buna wrapper diyelim. Siteniz ise wrapper’in içerisine yerleştireceğiniz kodlardan oluşacak. Yani wrapper kısmı, tek olacak. Bunun için “

” kullanmanız gerekir. Ama mesela wrapper’in içerisine bir kaç yazı yazacaksanız bunu, “

” olarak göstermeniz gerekir. Hemen bir örnek göstermek gerekirse:

Bu bir deneme yazısıdır. Buraya yazılan yazıyı test etmek amaçlıdır.

Bu bir deneme yazısıdır. Buraya yazılan yazıyı test etmek amaçlıdır.

ID ve Class‘ın HTML kısmını bu şekilde oluşturacağız. Şimdi gelelim oluşturduğumuz bu HTML dosyasına bir stil dosyası oluşturmaya. Dikkat ettiyseniz üstteki kodun içerisinde stil dosyasını çağıran bir kod mevcut. Stil dosyamızı oluştururken ID‘leri “#” ile, Class‘ları ise “.” ile gösteriyoruz. Yazacağımız değeri ise “{..}” içerisine yazıyoruz. Her kodun sonuna “:” koyuyoruz ve kodun değerinden sonra ise “;” ile kapatıyoruz.

body{background:#aaaaaa;font-family:arial;font-size:12px;margin:0 auto 0;width:950px;}
#wrapper{border:2 px solid;padding:10px 10px 0px 10px;}
.yazi{margin:0px 0px 10px 0px}

Stil dosyamızıza bu şekilde kodladık. İçerisindeki kodların ne işe yaradığını daha sonraki derslerimizde tek tek inceliceğiz. Şimdilik sadece ID ve Class‘ın kullanımını anlamanız yeterli. Bir başka CSS dersinde görüşmek üzere.

Kaynak: http://www.syorulmaz.com/cssde-kimlik-id-ve-sinif-class-nedir-nasil-kullanilir.html

sen bunları blogunda paylaşsan daha iyi olur. bu forumda fazla dikkat çekmez gibime geliyor.

Ezberden yorum yapmayalım.Zaten konuyu paylaşan kişi önce blogunda paylaşmış ki konun altında da belirtmiş.
Hem burada bu tür konular paylaşılmyacak da nerede paylaşılacak ?

onda da paylaşmış ya :D
http://www.syorulmaz.com/cssde-kimlik-id-ve-sinif-class-nedir-nasil-kullanilir.html

Forumların amacı zaten, bilgi aktarmak ve paylaşmak.

Burası bir webmaster forumu. Burda dikkat çekmeyecekte nerede çekecek? :)


@Sinan YORULMAZ
Güzel bir yazı olmuş Sinan eline sağlık. Bende şuradaki konuda id ve class arasında farkı anlatmıştım.

Görseydim aynı konuyu açmazdım tekrar, teşekkürler.

Anlatmak istenen aynı ancak anlatım farklı tabi. O yüzden açman daha iyi oldu açıkçası :)

eline sağlık. oldukça faydalı bir yazı olmuş.

Teşekkürler, CSS hakkında daha bir çok ders anlatımı yapacağım.