İçindekilerGirişİndex
YukarıİlkÖncekiSonrakiSon
Geriİleri
Yazdır

CSS (Çağlayan Biçem Sayfası - Cascading Style Sheet)

CSS, HTML belgelerinde biçemi içerikten ayrı olarak belirtmek için kullanılan bir dildir. Herhangi bir etikete uygulanacak biçemlerin, HTML belgesinden ayrı olarak belirtilmesi ve belli bir biçemin birden fazla elemana ve belgeye uygulanabilmesi CSS ile mümkün olabilmektedir. Böylece birden fazla HTML belgesi aynı biçem özellikleriyle sunulabilir. Ayrıca aynı belgenin farklı kullanıcılara farklı bir biçimde sunulabilmesi de CSS ile mümkün olabilmektedir.

CSS (Çağlayan Biçem Sayfası - Cascading Style Sheet)

CSS, HTML belgelerinde biçemi içerikten ayrı olarak belirtmek için kullanılan bir dildir. Herhangi bir etikete uygulanacak biçemlerin, HTML belgesinden ayrı olarak belirtilmesi ve belli bir biçemin birden fazla elemana ve belgeye uygulanabilmesi CSS ile mümkün olabilmektedir. Böylece birden fazla HTML belgesi aynı biçem özellikleriyle sunulabilir. Ayrıca aynı belgenin farklı kullanıcılara farklı bir biçimde sunulabilmesi de CSS ile mümkün olabilmektedir.

CSS'in Yararları

CSS'in en önemli yararı yaptığınız değişiklikleri diğer başka elemanlar için uygulayabilmenizdir. Örneğin bir yazıyı kırmızı ve 10 pt. büyüklüğünde yaptınız. Eğer başka bir yazıyıda aynı şeyi yapmak istiyorsanız stil kullanmanız işi kolaylaştırır. Bir nesne üzerinde yaptığınız her türlü değişikliğin toplamına biçem (stil) denir. Stillerin bazı yararları aşağıda listelenmiştir.

Stiller kullanmanın iki yolu vardır : Stilleri kullandığınız sayfanın içine gömmek veya ayrı bir dosyaya stillerinizi yazıp, stilleri kullanmak istediğiniz sayfalardan o dosyaya bağlantı yapmak. Stilleri ayrı bir sayfaya koymak daha yaralıdır. Böylece aynı stilleri bir çok sayfada kullanabilirsiniz. HTML belgesi içinde kullanmak için stiller head etiketi içinde style etiketi etiketi içine yazılır. Stilleri .css uzantılı ayrı bir dosyaya yazıp da kullanabilirsiniz. Buradaki stilleri kullanmak istediğiniz zaman head etiketi içinde link etiketi ile CSS dosyasını çağırırsınız : <link href="stiller.css" type="text/css" rel="StyleSheet">

CSS'in Yapısı

CSS'de stil hazırmanın en basit yolu HTML'de kullanılan etketlerin özelliğini değiştirmektir. Aslında her etiketin varsayılan stilleri vardır. Örneğin link koyduğunuzda varsayılan stil gereği mavi ve altı çizili olur. Siz stil ile etiketin özelliğini değiştirebilirsiniz. H3 başlığını kırmızı yapmak için <style> H3{ color:red; } </style> yazmak gereklirdir. H3 {color:red} yapısının tamamına kural (rule) denir. Kıvırcık ayraç başında yer alan ifadeye seçici (selector) denir. Ayraç içindeki ifadelere bildirim ( declaration ) denir. Bildirim ifadesi iki bileşenden oluşur : özellik ( property ) ve değer ( value ). Burada color özellik, red ise değerdir.

CSS'de çağlayan yapısı çok önemlidir. Bir etikete verilen özellik, içerisinde bulundurduğu her etikete otomatik olarak geçer. İçteki bir etikette, dışındaki etiketlerden gelen bir özelliğin değerini değiştirilerek yeni bir değer verilebilir. Yeni değerin geçerliliği tanımlandığı etiketin içiyle sınırlıdır.

İçindekilerGirişİndex
YukarıİlkÖncekiSonrakiSon
Geriİleri
Yazdır