Yapı ve sunumun (structure – presentation) birbirinden ayrıldığı modern  web uygulamlarında, gün geçtikçe CSS sınırları zorlamaya ve biz web geliştiricilerin işini kolaylaştırmaya devam ediyor. Web tabanlı uygulama geliştirme süreçlerinde ve uygulama sonrası online dönemde stiller her aşamada kullanılabiliyor.

CSS’i üç kategoriye ayrılmak doğru olacaktır.

Tasarımcı Taraflı  Stiller

Adından da anlaşıldığı gibi; web geliştiricisi tarafından hazırlanan, anlamlı XHTML kodlarının biçimlendirildiği CSS kurallarıdır. Bu stiller web tabanlı uygulamanın geliştirilmesi sürecinde oluşturulurlar.

Kullanıcı Taraflı Stiller

Modern web tarayıcıların bir artısı olan bu durum, kullanıcının kendi kişisel istekleri doğrultusunda kendi stillerini kullanmasına imkan tanır. Buna örnek olarak Firefox ayarlarından ön tanımlı (default) font tip, boyut ve renginin değiştirilebilmesi söylenebilir. Hatta Opera üzerinde kullanıcı kendi özel CSS kurallarını tarayıcıya çağırabilmektedir….

Tarayıcı (Browser) Ön Tanımlı Stiller

Bu stiller, her tarayıcıya özel olan ve biz hangi web sayfası ziyaret ediyorsak edelim, direk görünüme yansıyan stillerdir. Aşağıda basit bir XHTML + CSS’in nasıl windows platformunda, üç ayrı tarayıcıda farklı yorumlandığını göreceksiz. Div (Division) içindeki paragraf etiketini explorer herhangi bir margin almadan yorumlarken, Opera ve Firefox’da ise paragraf ve division etiketi arasında alt ve üst sınırda (border) margin görülmekte…

Ayrıca ikincil olarak kullandığım sırasız liste etiketinde (ul) Firefox, Opera ve Internet Explorer tarayıcılarının davranışları birbirinden farklı görünüyor. Eğer nokta kalınlık ve konumlarına dikkat ederseniz siz de görebileceksiniz… Bu farklılık tarayıcıların ön tanımlı stillerinin birbirlerine göre farklılık göstermesinden kaynaklanıyor.

Bu ön tanımlı tarayıcı stilleri, web uygulamalarımızın farklı tarayıcılarda birbirinden farklı görünmesine sebep oluyor. Bu durum da karşımızda ciddi bir sorun olarak duruyor. Neyse ki bu sorunla başa çıkmamıza imkan tanıyan yine CSS’in kendisi oluyor.

Bu da başka bir yazının konusu olsun

Fırından yeni çıkmış yazılardan haberdar olmak için RSS yayınıma abone olabilir ya da beni Twitter'dan takip edebilirsiniz.