<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.