Bir web uygulamasında imajları görselliği zenginleştirmek adına kullanırız.  Bu birbirinden bağımsız imajlar tarayıcı tarafında yüklenirken, sunucundan her biri için ayrı HTTP isteğinde bulunulur. Ne kadar çok imaj, o kadar çok istek demektir.  Bu istekler ne kadar çoksa, sunucuya da o kadar çok yük biner. CSS Sprite olarak bilinen bu teknikle, web uygulamasında kullanılan imajların mümkün olduğunca birleştirilerek, HTTP istek sayısının düşürülmesi ve dolayısıyla sunucuya binen yükün mümkün olduğunca azaltılması sağlanır.

Aslında bu duruma ne kadar sorun denir tartışılır, ama konunun özü şu. Diyelim ki bir web sayfası hazırlıyorsunuz ve oluşturduğunuz tasarımda, body arka plana bir resim atamayı düşünüyorsunuz. Bu işi gerçekleştirebilmek için CSS background özelliğini kullanıyoruz.

Pseudo sınıf ve elementleri, diğer CSS Seçicilerinden farklı olarak, XHTML elementlerin seçilmesi işlemini, elementlerin özel durumlarına göre yapmamıza imkân tanır. Böylece XHTML doküman yapısı içerisinden erişemediğimiz elementlere özel olarak erişmiş oluruz.  Yani, pseudo sınıf ve elementlerini kullanarak bir linki, tıklanmış olma ya da olmama durumuna göre farklı olarak şekillendirebiliriz, ya da bir paragrafın ilk satırını ya da ilk harfini dinamik olarak seçebiliriz. CSS pseudo sınıfları ve elementleri CSS3 ile daha da zenginleşiyor. Buradan yeni pseudo sınıflarını görebilirsiniz.

Temel CSS seçicilerinden olan sınıf (class) seçicileri şu yazımda sizlere paylaşmıştım. CSS ile XHTML içeriğimizi şekillendirirken aslında sadece bir sınıf seçici kullanmak durumunda değiliz. Uygulamanın ihtiyaçlarına göre, bazı XHTML elementlerinde çoklu sınıf kullanmamız gerekebilir.

CSS’de ilk adım seçim yapmaktır. CSS, bize sağladığı özellik seçiciler ile bu seçme işlemini daha spesifik ve etiketlerin özelliklerine göre yapmamıza imkan tanır. Bazı durumlarda XHTML elementlerin özelliklerine göre seçim yapmak ihtiyacı duyabiliriz. Şu yazımda özellik seçicilerin pratikte nasıl kullanılabileceğini örneklemeye çalışmıştım.

İmaj yerine koyma tekniklerinin temel felsefesi web ortamında kullanılamayan fontların, web uygulamalarında kullanılabilmesine odaklanıyor. Klasik imaj yerine koyma tekniklerinin yetmediği noktada, web geliştiricileri değişik yöntemler üzerinde duruyorlar. Bunlardan birini şu yazımda sizlerle paylaşmıştım. Bu yaklaşımlardan bir diğeri ise; web geliştiricileri tarafından kabul görmüş sIFR tekniği…

CSS’de, XHTML elementler arasındaki akrabalık ilişkisine göre seçim yapma imkânına sahibiz. Böylece her element için özel bir sınıf, ya da ID tanımlamaktan da kurtulmuş oluruz.  Pratik kullanımda dikkat edilmesi gereken, ailesel seçicilerin referans alınabilecek bir Sınıf ya da ID seçiciye göre tanımlanması gerekliliğidir. İsterseniz bu akrabalık ilişkilerine birlikte göz atalım.