Tarayıcı Uyumluluğu için CSS Sıfırlama

4 sene önce Beyazıt Kölemen tarafından yazılmıştır.-4.851 Okunma

Tüm tarayıcılarda farklı olarak tanımlı gelen temel html kodlarını sıfırlamak ve bu kodları tüm tarayıcılar için ortak olarak yeniden yazmadan önce tanımlı olan tüm html kodlarının css değerlerini sıfırlamamız gerekiyor..

Body gibi,h1 gibi HTML kodlarının tarayıcılar tarafından default olarak margin,padding,font-size gibi değerlerinin tanımlı olmasından dolayı cross browser testlerinde çokca sorunla karşılabilirsiniz..Bu sorunları minimuma indirmek ve farklı tarayıcılarda farklı görünümlerin önüne geçmek için kullanabileceğimiz CSS sıfırlama kodları aşağıdaki gibidir..

Unutmadan CSS Sıfırlama kodlarının CSS imizin en üstüne koymamız gerekmektedir..Aksi takdirde daha önceki yazdığım CSS kodlarıyla çakışma yaşıyabilirler..Dilerseniz reset.css olarak sitenizde css inizden önce de ekleyebilirsiniz.

Ben ek olarak .temizle sınıfı tanımlayarak clear özelliğini de tanımladım..Ayrıca a yani link fonksiyonlarının altını otomatik olarak çizme özelliğini de kapattım.

Bir Cevap Yazın