CSS dosyamızda şu şekilde bir ifade varsa:

.yazitipi {font-family:Comic Sans Ms; font-size:18px;}
< /STYLE >

Nokta (.) ile başlayan bir stil oluşturduk ve adını biz verdik. Bu demektir ki class="yazitipi" ile belirttiğimiz tüm elementler comics sans ms yazı tipinde ve 18px boyutunda olacaktır. Örneğin sadece H3 elementlerinde geçerli olmasını istiyorsak


<STYLE >
h3{color:#0099CC; font-size:20px;}
< /STYLE >
Bu durumda bu CSS kodu sadece H3 taglarında kullanılabilir olacaktır.


DİV KULLANIMI


ID özelliği ile de stiller yaratabiliriz. CLASS'tan farklı yanları:

• Sadece tek bir elementte kullanılabilir.
• Aynı id değeri iki elemente verilemez (Her id sadece tek bir elementte kullanılabilir).
• Stil dosyamızda CLASS' da “.” (Nokta) kullanırdık, ancak id özelliğine göre stilleme yapacaksak “#” (Diyez) kullanırız.



CSS dosyamızda bu TAGA özel stil tasarlarken şu kod yapısını oluşturmalıyız:





Ayrıca unutmadan söyleyelim hiçbir ID değeri rakamla başlamaz. ID, HTML dosyasında o tagı bulmamızı sağlar, bu nedenle aynı ismi veremeyiz. Aynı ismi vermemizin diğer yaratacağı sorun Java Script'te bu elementi id özelliğine göre kullanamamak olacaktır. Son olarak bazı tarayıcılar birden fazla aynı id kullanılan HTML dosyalarında stilleri görmezden gelebilir…