Bir W3C tavsiyesi olan CSS standardının,  ara yüz geliştiricileri tarafından -istenilen seviyede olmasa da- tercih ediliyor olması bizi sevindiriyor. Web geliştiricileri arasında <table> etiketini kullanarak ara yüzleri oluşturmayı tercih eden arkadaşlarımız bulunuyor. CSS ve XHTML’in amacına uygun kullanılmaması durumu yaygınlığını koruyor. Bu teknolojilerin varoluş amaçlarının bilinmemesi, yani bu konudaki bilgi eksikliği,  bu durumu yaratan sebeplerin başında geliyor. Bir diğer önemli sebep ise; IE6 merkezli tarayıcı yorum farklılıkları… Bu yorum farklılıkları, XHTML ve CSS’i etkin kullanmak isteyen arkadaşlarımızın ellerini bağlayan bir durum. Bu sorunla ilgilenmek için akla gelen ilk çözüm ise, CSS-Reset (Sıfırlama) tekniği…

Bu tarayıcı yorum farklılıkları, tarayıcıların CSS’i yorumlama kriterlerindeki farklılıklardan kaynaklanıyor. Bir web uygulamasında kullanılan CSS kodlarını temelde 3 tipe ayırıyoruz. Bunlar geliştiricinin yani bizim oluşturduğumuz CSS kodları, tarayıcıyı kullanıcısının oluşturabileceği CSS kodları ve tarayıcının kendi ön tanımlı CSS kodları…

Bu CSS Tipleri konusunu, CSS Tipleri Üzerine isimli yazımda sizlerle paylaşmıştım.

CSS Reset diye ifade edilen teknikte, tarayıcı ön tanımlı CSS kuralları farklılık yaratmayacak şekilde sıfırlanarak, IE6 dâhil pek çok tarayıcıda görülen yorum farklılıkları minimize ediliyor.

En temel CSS-Reset tekniği, evrensel seçici kullanılarak bütün XHTML elementlerine uygulanan padding, margin ve border özelliklerinin sıfırlanması şeklinde gerçekleşiyor.

* {
	padding: 0;
	margin: 0;
	border: 0;
	}

Bu şekilde CSS-Reset işlemi kolayca gerçekleştirilirken, tarayıcının her XHTML elementine bu kuralı uygulaması tarayıcıya gereksiz yük binmesi sonucunu doğuruyor. O açıdan CSS geliştiricilerinin hazırladıkları, gelişkin CSS-Reset kod bloklarını uygulamalarımızda kullanıyoruz.

Şu adreste CSS-Reset yöntemlerini toplu halde görebilirsiniz.

Kişisel olarak uygulamalarımda daha çok Yahoo’nun ve Eric Meyer CSS Reset dokümanını kullanıyorum. Size de kullanmanızı şiddetle tavsiye ederim…

Kullanımı ise kısaca şöyle; bu CSS Reset dokümanını kendi bilgisayarınıza indirip, kendi CSS dokümanlarınızın olduğu yere koyun. XHTML dokümanınız içinde ise, diğer CSS dokümanlarınızdan önce ilk olarak bu CSS-Reset dokümanınızı çağırarak, kendi geliştirdiğiniz kurallar uygulanmadan tarayıcıya reset atmış olacaksınız.

Daha fazla kaynak;
http://www.yakuter.com/tarayici-uyumlulugu-icin-css-sifirlama/
http://webdeneyimleri.donanimhaber.com/css-sifirlama-teknigi/

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