CSS (Cascading Style Sheets – Stil Şablonları), Web dokümanlarına stil eklemek için kullanılan basit ve güçlü bir dildir. Web sayfalarının yapılarını düşündüğümüzde 3 kısma ayıra biliriz. İçerik kısmı, biçimlendirme kısmı ve dinamik kısım.
İçerik kısmı, HTML kodlarını içeren sayfa asıl içeriğini oluşturan birimleri oluşturma kısımdır. Bu kısım genelde metinlerden oluşsa da, resim, animasyon ve video gibi elemanları da içerir.
Biçimlendirme kısmı, içerik kısmını kullanıcıya nasıl görüntüleneceğini gösteren kısımdır. Sayfanın biçimini belirler. Kullanıcıya daha okunaklı ve kullanışlı sayfa sunmak için gerekli elemanları içerir.
Dinamik kısım, Javascript ile yapılan dinamik işlemleri içerir. Etkileşimli sayfalar oluşturmak için kullanılır.
Eskiden ki hala bu şekilde kodlama yapanlar mevcut. İçerik kısmı ve biçimlendirme kısmı içi içe kodlama yapardık, örneğin yazıtipi tanımı için <font> etiketini kullanırdık. Eski kodlama yöntemi ile zaman, hız ve erişe bilirlik açısından büyük kayıplarımız vardı.
CSS biçimlendirme kısmının yönetimini sağlamak için kullanılır. İçerik kısmı ile biçimlendirme kısmının ayrılmasını sağlayan CSS bize birçok avantajlar sağlar. Örneği 10.000 sayfası olan bir siteyi tek CSS dokümanı yardımı ile biçimlendirmemizi sağlar.
CSS 1996′da W3C tarafından duyuruldu. Son olarak(Ocak 2003’den beri) CSS2.1 sürümü yürürlüktedir. CSS3.0′da çalışmaları devam etmektedir. CSS3.0 için ayrıntılı bilgiye http://www.w3c.org/Style/CSS/current-work adresinden ulaşabilirsiniz.
Tablosuz Web Sayfası kodlama tekniğini kullanmayanlar CSS’in ehemmiyetini tam olarak anlayamayacaktır.
CSS
Dil: CSS
Geliştirici: Hâkon Wium Lie, Bert Bos, World Wide Web Consortium
Uzantısı: .css
İlk Çıkış: 17 Aralık 1996 (24 yıl önce)
İşletim Sistemi: Tümü
Web Sitesi: w3.org/Style/CSS/
İçerik Katmanı: HTML
Görselleştirme Katmanı: CSS
Etkileşim Katmanı: JavaScript
CSS Nerelerde Kullanılır?
CSS, HTML ve XML dosyalarını biçimlendirmek üzere kullanılır. Bu sebeple tabi ki web sitelerini düzenleme ve biçimlendirme konusunda tam bir standart olmuştur.
CSS Nereye Yazılır/Eklenir?
Aynı HTML dosyasının içinde "<head>" "</head>" etiketlerinin arasına "style" etiketi açıp kullanabilirsiniz.
HTML dosyasının dışında “.css” uzantılı başka bir dosya oluşturup, onu HTML dosyasınız da çağırabilirsiniz.
CSS HTML’e göre birçok stil özelliğine sahiptir. CSS’in sayfa içeriği öğelerinin sayfa görünümü öğelerinden ayrılması için geliştirildiğini düşünürsek avantajı baştan anlaşılmış olur.