Sınıf Seçicileri (CSS)

Tarih: Ağustos 10, 2008 | Yazan:  
Kategori: CSS Makaleleri Bu makale toplam 1.867 kez okundu.

HTML dokümanlar içerisinde sınıf (class) olarak tanımladığımız birimler vardır. İşte bu sınıf birimlerinin özelliklerini CSS ile ayarlayabiliriz. Diyelim ki html tabanlı bir sayfada aşağıdaki kod yer alıyor:

<p align=”center” class=”paragraf”>Yazı...</p>

Sınıfı “paragraf” olan imleri CSS içerisinde şöyle tanımlayabiliriz:

.paragraf {color: black; font: Arial;}

Böylece “paragraf” sınıfıyla tanımlanan birimlerde yazı rengi siyah ve yazı tipi Arial olacaktır.

“Paragraf” sınıfını birimlere göre farklı ayarlamak için aşağıdakine benzer seçiciler kullanabiliriz:

p.paragraf {color: black; font: Arial;}
h1.paragraf {color: red; font: Arial;}

Böylece <p> biriminin kullanıldığı tüm alanlarda sınıf “paragraf” olarak belirlendiğinde yazı rengi siyah; <h1> biriminin kullanıldığı alanlarda sınıf “paragraf” olarak belirlendiğinde yazı rengi kırmızı olacaktır.

Ayrıca sınıf seçicileri yerine ID seçicileri de kullanabiliriz. ID seçici ile sınıf seçicileri arasındaki önemli bir fark, CSS içerisinde ID’lerin # işareti ile belirtilmesidir.

<p align=”right” ID="baslik2">Merhaba Dünya!</p>
<h1 ID="baslik2">Merhaba Dünya!</h1>

Böylece “baslik2” buyruğunu CSS içerisinde şu şekilde tanımlayabiliriz:

#baslik2 {color: blue;}

Böylece “baslik2” ID’sini kullandığımız birimlerde yazı rengi mavi olacaktır. Bu özellikleri arttırabilirsiniz.

  • Reklam Alanı

Yorumlar

2 Yanıtlar to “Sınıf Seçicileri (CSS)”
  1. Erman CAN dedi ki:

    Teşekkürler, çok değerli bilgiler.

Yorum Yazın