CSS Sıfırlama: gerçekten çapraz tarayıcı stili ile web sayfaları

Bu kısa yazıda CSS CSS sıfırlama tekniği ve en iyi nasıl gerçekten çapraz tarayıcı web sayfaları oluşturmak için kullanmak ne olduğunu göreceksiniz.

CSS Sıfırlama: ne oldukları ve ne oldukları

Tamamen çapraz tarayıcı web sayfaları oluşturun bir sorun olduğunu, birkaç yıl için (yani Internet Explorer artık% 95 pazar payı) bütün web tasarımcıları etkiler. Ama sonuç tüm tarayıcılar ile uyumlu olsa bile (sen, yani yoksa, arıza ya da kusur hizmetin kullanılabilirlik etkileme yeteneğine sahip ekran), web sayfasının çıktı hemen her zaman farklı IExplorer ile görüntülenebilir bağlı olacak , Firefox, Safari, Chrome ve Opera.

Bazen zor anlaşılır küçük farklılıklar, söz, ama (iki unsur arasındaki boşluğu başka bir tarayıcı biraz daha büyük olduğu için örneğin,) yine de web tasarımcıları sonuç beklentilerini bir hareket dahil değilim.

Bu sorun, aynı web sayfası oluşturmak daha fazla veya daha az belirgin farklılıklar, dahil bireysel navigasyon yazılımının varsayılan ayarları kaynaklanmaktadır.
Bireysel tarayıcılarda varsayılan ayarlar "reset" için temelde oluşan CSS Sıfırlama olarak adlandırılan bir teknik, CSS kullanımı talimatları bir dizi başvurmak Bu sorunu çözmek için.

CSS Sıfırlama: basit bir çözüm

Rafine olmayan bir çözüm, (örneğin, kenar boşluğu doldurma örneğin, gibi) tarayıcıları tarafından tanımlanmış özellikleri bir dizi genellikle, her bir sayfa öğesi için, iptal bir stil sayfası kuralın başladığını bildirmek için

 



 * {



  



 margin: 0;



  



 padding: 0;







 }

 

veya:

 



 * {



  



 margin: 0;



  



 padding: 0;



  



 border: 0 none;



  



 Anahat: 0;







 }

 

ya da daha özenle:

 



 * {

 

  



 vertical-align: temel;



  



 font-weight: miras;



  



 font-family: miras;



  



 font-style: miras;



  



 font-size: 100%;



  



 margin: 0;



  



 padding: 0;



  



 border: 0 none;



  



 Anahat: 0;







 }

 

Evrensel seçici (yıldız) kullanımı her zaman uygun değil sonuçlara yol açabilir gibi Aslında ben bu kolay çözümler kullanılmasını önermez.

• <<
• 1
• 2
• >>