CSS Dersleri Bölüm 2 – ID ve Class ile CSS kullanımı
ID ve Class Seçicileri
HTML elementlerini biçimlendirmenin ötesinde CSS kendi seçicilerinizi id ve class olarak oluşturmanızı sağlar.
ID Seçici
ID seçici yegane tek bir element için stillendirme yapar.
HTML elementinin id özelliğinin değeri kullanılır ve css dosyasında ‘#’ değeri kullanılarak tanımlama yapılır ve biçimlendirilir css’te.
Örnek; menu id’sine sahip element için css yazımı;
#menu
{
text-align:center;
color:red;
}ID’yi sayıyla başlatmayın Firefox’ta çalışmaz çünkü.
Class Seçici
Class seçici, html elementler grubunu biçimlendirmek için kullanılır. ID seçicisinin haricinde, class seçici birçok kez kullanılabilir.
Bu da sayılar ile başlamamalı çünkü Internet Explorer desteklememekte.
Aynı class ile belirli birçok HTML elementini şekillendirebilirsiniz.
HTML’nin class özelliğini kullanarak ve css’te başına nokta koyarak tanımlarsınız bu seçiciyi.
Örnekte merkez class’ına sahip bir css stilini göreceksiniz;
.merkez{text-align:center;}Şunu da yapabilirsiniz class ile; sadece belirlediğiniz HTML elementlerinin class tarafından etkilenmesini sağlayabilirsiniz.
Mesela tüm p etiketlerine merkez class’ı uygulanır bu da hepsini merkeze alır tanımdan yola çıktığımızda.
p.center {text-align:center;}