CSS reset: Webové stránky s opravdu různými prohlížeči styl

V tomto krátkém článku se budeme vidět, co CSS je technika resetování CSS a jak je co nejlépe využít k vytvoření skutečně cross-prohlížeče webových stránek.

CSS Reset: co jsou a co jsou

Vytvořit zcela kříž stránek prohlížeče je problém, že po několik let (tj. když Internet Explorer je již na trhu podíl 95%) ovlivňuje všechny webové designéry. Ale i když výsledek je kompatibilní se všemi prohlížeči (nemusíte, tj. poruchy nebo vady zobrazení ovlivnit použitelnost služby), výstup na webové stránky téměř vždy liší podle toho, zda pohlížet s IExplorer , Firefox, Safari, Chrome nebo Opera.

Mluvím o malé rozdíly, někdy sotva znatelná, ale přesto zahrnují odklon od očekávání konečný výsledek webové designéry (například proto, že prostor mezi dvěma prvky je o něco větší než jiné prohlížeče).

Tento problém je způsoben výchozím nastavení jednotlivých navigační software, které zahrnují rozdíly, více či méně nápadné, když vykreslení stejné webové stránky.
Za účelem vyřešení tohoto problému jsme se uchýlit k technice, která se nazývá CSS reset, který se skládá v podstatě sada instrukcí při použití CSS, aby se "reset" výchozí nastavení v jednotlivých prohlížečích.

CSS Reset: jednoduché řešení

Řešení, rafinované, je deklarovat na začátku pravidla stylů, které ruší, pro každý prvek stránky, obvykle několik atributů definovaných prohlížečích (jako je například okraj, padding)

 



 * {



  



 margin: 0;



  



 padding: 0;







 }

 

nebo:

 



 * {



  



 margin: 0;



  



 padding: 0;



  



 ohraničení: 0 none;



  



 osnovy: 0;







 }

 

nebo více komplikovaně:

 



 * {

 

  



 vertical-align: baseline;



  



 font-váha: dědictví;



  



 font-family: dědictví;



  



 font-style: dědictví;



  



 font-size: 100%;



  



 margin: 0;



  



 padding: 0;



  



 ohraničení: 0 none;



  



 osnovy: 0;







 }

 

Ve skutečnosti nelze doporučit použití těchto snadné řešení, jak využít univerzální selektor (hvězdička), může vést k výsledkům, není vždy optimální.

• <<
• 1
• 2
• >>