CSS reset: Webové stránky s naozaj rôznymi prehliadačmi štýl

V tomto krátkom článku sa budeme vidieť, čo CSS je technika resetovanie CSS a ako ich čo najlepšie využiť na vytvorenie skutočne cross-prehliadača webových stránok.

CSS Reset: čo sú a čo sú

Vytvoriť úplne kríž stránok prehliadača je problém, že po niekoľko rokov (tj keď Internet Explorer je už na trhu podiel 95%) ovplyvňuje všetky webové dizajnérmi. Ale aj keď výsledok je kompatibilný so všetkými prehliadačmi (nemusíte, tj poruchy alebo vady zobrazenie ovplyvniť použiteľnosť služby), výstup na webové stránky takmer vždy líši podľa toho, či hľadieť s IExplorer , Firefox, Safari, Chrome alebo Opera.

Hovorím o malé rozdiely, niekedy sotva znateľná, ale napriek tomu zahŕňajú odklon od očakávaní konečný výsledok webové dizajnérmi (napríklad preto, že priestor medzi dvoma prvkami je o niečo väčšia ako iné prehliadače).

Tento problém je spôsobený predvolenom nastavení jednotlivých navigačný softvér, ktoré zahŕňajú rozdiely, viac či menej nápadné, keď vykreslenie rovnaké webové stránky.
Za účelom vyriešenie tohto problému sme sa uchýliť k technike, ktorá sa nazýva CSS reset, ktorý sa skladá v podstate sada inštrukcií pri použití CSS, aby sa "reset" predvolené nastavenia v jednotlivých prehliadačoch.

CSS Reset: jednoduché riešenie

Riešenie, rafinované, je deklarovať na začiatku pravidlá štýlov, ktoré rušia, pre každý prvok stránky, zvyčajne niekoľko atribútov definovaných prehliadačoch (ako je napríklad okraj, padding)

 



 * {



  



 margin: 0;



  



 padding: 0;







 }

 

alebo:

 



 * {



  



 margin: 0;



  



 padding: 0;



  



 ohraničenie: 0 none;



  



 osnovy: 0;







 }

 

alebo viac komplikovane:

 



 * {

 

  



 vertical-align: baseline;



  



 font-váha: dedičstva;



  



 font-family: dedičstva;



  



 font-style: dedičstva;



  



 font-size: 100%;



  



 margin: 0;



  



 padding: 0;



  



 ohraničenie: 0 none;



  



 osnovy: 0;







 }

 

V skutočnosti nemožno odporučiť použitie týchto jednoduché riešenie, ako využiť univerzálny selektor (hviezdička), môže viesť k výsledkom, nie je vždy optimálna.

• <<
• 1
• 2
• >>