CSS Sözdizimi üç parçadan oluşmaktadır; seçici, özellik, değer.
seçici {özellik: değer}
Seçici normalde tanımlamak istediğiniz HTML elamanı veya etiketi, özellik seçicinin değiştirmek istediğiniz niteliğidir.
Her özellik bir değer alır. Özellik ve değer arasına iki nokta üst üste konulur ve süslü paragraf arasına alınır.



Eğer değer birden fazla kelimeden oluşuyorsa çift tırnak içine alınır.



Eğer birden fazla özellik tayin etmek istiyorsanız aralarına noktalı virgül koyulur.
Alttaki örnekte sağa dayalı, yeşil renkli paragraf tanımlamasını görebiliriz.



Eğer özellik tayinlerinin daha rahat okunabilir yapmak istiyorsa her birini aşağıdaki örnekte olduğu gibi ayrı satırlarda yapılabilir.



Gruplandırma

Seçiciler aralarına virgül konularak gruplandırılabilir. Aşağıdaki örnekte paragraf ve başlık fontu arial olur.



Seçici Sınıfı

Seçici sınıfı özelliği ile aynı HTML elemanına farklı özellikler verilebilir. Dökümanda biri sağa hizalı biri sol hizalı iki ayrı paragraf tanımlamak için



HTML elemanlarında sınıf (class) özelliği kullanılır.



Seçicide HTML etiket/eleman ismini kaldırırsanız dökümandaki bütün HTML etiket/elemanlarına kullanılabilecek ortak bir sınıf oluşturulur.
Aşağıda verilen örnekte class="sol" eklenen tüm HTML etiket/elemanları ortaya hizalanır.


id Seçicisi

İd seçicisi sınıf seçicisinden farklıdır. Sınıf seçicisi sayfada bir çok elemana etki ederken, id seçicisi sadece bir elemana etki eder.
Id niteliği doküman içeriğinde tek olmalıdır.

Alttaki stil kuralı id değeri "ana1" olan p elamanına etki edecektir.


Alttaki stil kuralı id değeri "sag25" olan ilk elemana etki edecektir.



Kural altta bulunana h1 elamanı ile eşleşir.



Alttaki kural id değeri "sag25" olan p elemanı ile eşleşecektir.



Kural aşağıdaki h2 elamanına etki etmez




CSS Yorumları

CSS'nin içine kodları açıklayan yorumlar ekleyebilirsiniz. Yorum tarayıcı tarafından gözardıcedilecektir.
Bir CSS yorumu örnekte olduğu gibi "/*" ile başlar "*/" ile biter:


Dr.A.S.

Ziyaretçi olarak yorum yazamazsınız. Üye olmak için tıklayın Üye iseniz giriş yapın.