CSS nedir?

Cascading Style Sheets (Türkçede Stil şablonları) yani bilinen kısa adıyla CSS, HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir web teknolojisidir.

İnternet sayfaları için genelgeçer şablonlar hazırlama olanağı verdiği gibi, bağımsız olarak harflerin stilini; yani renk, yazı tipi, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki esnekliktir. Bir web sayfası içerisinde birbiriyle uyumlu birkaç renk ve birkaç yazı tip kullanılır ve bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün web sayfalarında ortak olarak kullanılabilir. Bu şekilde, sayfaların hafızadaki boyutu epey küçüldüğü gibi, güncelleme yapmak da kolaylaşır.
CSS kodları HTML kodlarının içine yazılırlar. Türüne göre <BODY> veya <HEAD> bölümlerinde yer alabilirler. Bunların dışında harici CSS dosyaları oluşturulup bunlar gerektiğinde HTML belgesi içerisinde çağırılabilirler.

Sayfalarınızdan tasarım için kullanılan işaretlemeyi çıkarmakla, varolan sitelerin ve içeriğin tasarımlarının yenilenmesi çok daha az işgücü gerektiren (ve daha az masraflı) bir hale gelir. Sitenin görünümünü değiştirmek için tüm yapmanız gereken stil sayfalarını değiştirmektir; sayfaların kendilerini değiştirmenize hiçbir şekilde gerek yoktur.

Kullanıcıların ziyaret ettiği her bir sayfa için tasarım verisini indirmesine gerek kalmadığı için, Web standartlarını kullanmak sayfalarınızın dosya boyutlarını düşürür. Tasarımı kontrol eden Stil sayfaları ziyaretçilerin tarayıcılarında saklanmaktadır.

Azaltılmış dosya boyutları daha hızlı yüklemeler ve daha düşük hosting masrafları anlamına gelir.

Web standartlarını kullanmak bir sitenin her tarafındaki görsel uyumu korumayı son derece kolay hale getirir. Sayfaların görünümü için aynı CSS dökümanını kullanığı için, hepsi aynı şekilde biçimlendirilir.

Web standartlarını kullanmak, sakatılkarı olan ve Web'e erişim için mobil telefon ve PDAlar kullanan ziyaretçiler için sayfalarımızı çok daha fazla erişilebilir yapar.

Ekran okuyucusu kullanan ziyaretçiler (yavaş bağlantılara sahip ziyaretçilerde de olduğu gibi) sayfaların asıl içeriğine ulaşmak için sayısız tablo hüceresi ve ayırıcı GIFler arasından güç bela geçmek zorunda kalmazlar.

Bir başka deyişle, sayfa tasarımınızı sayfanın içeriğinden ayırmakla içeriğiniz cihazdan bağımsız hale gelir.

Erişilebilirlikten söz açılmışken, işaretlemenizi en aza indirmeniz ve başlık etiketlerini (header taglarını) uygun bir şekilde kullanmanız arama motorlarındaki sıralamalarınızı da geliştirecektir.

Kodun içeriğe oranını düşürmek, başlık etiketlerinde anahtar kelimeler kullanmak, ve başlık GIFlerini gerçek metinlerle değiştirmek sitelerinizin daha iyi arama motoru sonuçlarına sahip olmasında yardımcı olacaktır.

CSS Zen Bahçesini, veya Eric Meyer'in sitesindeki stil değiştiriciler inceleyin. Daha fazla bilgi için Paul Sowden tarafından hazırlanmış Alternatif Stil adlı makaleye göz atın.

Yazar mesut topcu