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