CSS Reset: web-stranice s uistinu cross-preglednik stilu

U ovom kratkom članku ćemo vidjeti što CSS je tehnika CSS reset i kako najbolje koristiti za stvaranje istinski cross-preglednik web stranica.

CSS Reset: što su i što su

Stvaranje potpuno križ stranica web preglednik je problem koji, za nekoliko godina (tj. kada je Internet Explorer više ne tržišni udio od 95%) utječe na sve web dizajnera. No, čak i kada rezultat je kompatibilan sa svim preglednicima (nemate, tj. kvarove ili nedostatke prikaza može utjecati upotrebljivosti usluga), izlaz web stranice će se gotovo uvijek drugačiji ovisno o tome je li gleda sa IExplorer , Firefox, Safari, Chrome ili Opera.

Govorim o malim razlikama, ponekad jedva primjetan, ali ipak uključuje odstupanje od očekivanja krajnji rezultat web dizajnera (na primjer, jer je prostor između dva elementa je malo veći od preglednika do drugog).

Ovaj problem je s obzirom na zadane postavke pojedinih navigacijskog softvera koji uključuju razlike, više ili manje vidljiv, kada pružiti istu web stranicu.
Da bi se riješio ovaj problem možemo posegnuti za tehnikom koja se zove CSS Reset koji se sastoji, u suštini, skup uputa za korištenje CSS kako bi se "resetirati" zadane postavke u pojedinim preglednicima.

CSS Reset: jednostavno rješenje

Rješenje, a ne rafiniranih, je za proglašenje početka vladavine style sheet koja odstranjuje, za svaki element stranice, obično broj atributa definirane preglednika (kao što su, primjerice, marža, padding)

 



 * {



  



 margin: 0;



  



 padding: 0;







 }

 

ili:

 



 * {



  



 margin: 0;



  



 padding: 0;



  



 granice: 0 none;



  



 pregled: 0;







 }

 

ili, još razrađeno:

 



 * {

 

  



 okomito-align: osnovica;



  



 font-weight: naslijediti;



  



 font-family: naslijediti;



  



 font-style: naslijediti;



  



 font-size: 100%;



  



 margin: 0;



  



 padding: 0;



  



 granice: 0 none;



  



 pregled: 0;







 }

 

U stvari ja ne mogu preporučiti korištenje tih jednostavna rješenja kao korištenje univerzalne selektor (zvjezdicu) može dovesti do rezultata nije uvijek optimalno.

• <<
• 1
• 2
• >>