CSS Reset: nettsider med en virkelig cross-browser stil

I denne korte artikkelen vil vi se hva CSS er teknikken for CSS reset og hvordan du best kan bruke den til å lage virkelig kryss-nettleser nettsider.

CSS Reset: hva de er og hva de er

Lag fullt kryss nettleser nettsider er et problem at for flere år (dvs. når Internet Explorer er ikke lenger en markedsandel på 95%) påvirker alle web-designere. Men selv når resultatet er kompatibel med alle nettlesere (du ikke har, dvs. feil eller mangler visning i stand til å påvirke brukbarheten av tjenesten), vil produksjon av nettsiden nesten alltid forskjellig avhengig av om sett med IExplorer , Firefox, Safari, Chrome eller Opera.

Jeg snakker om små forskjeller, noen ganger nesten ikke merkbar, men likevel innebære et avvik fra forventninger til sluttresultatet av webdesignere (for eksempel fordi mellomrommet mellom to elementer er litt større enn en nettleser til en annen).

Dette problemet skyldes standardinnstillingene av de enkelte navigasjonsprogramvare som medfører forskjeller, mer eller mindre merkbart, når du gjør den samme nettsiden.
For å løse dette problemet vi ty til en teknikk som kalles CSS Reset som består, i hovedsak, et sett med instruksjoner i bruk av CSS for å "nullstille" standardinnstillingene i enkelte nettlesere.

CSS Reset: en enkel løsning

En løsning, ikke raffinert, er å erklære begynnelsen av et stilark regel som avbryter, for hver side element, vanligvis en rekke attributter definert av nettlesere (som for eksempel marg, padding)

 



 * {



  



 margin: 0;



  



 padding: 0;







 }

 

eller:

 



 * {



  



 margin: 0;



  



 padding: 0;



  



 kant: 0 none;



  



 skissere: 0;







 }

 

eller, mer utførlig:

 



 * {

 

  



 vertikal-align: baseline;



  



 font-weight: arve;



  



 font-family: inherit;



  



 font-style: arve;



  



 font-size: 100%;



  



 margin: 0;



  



 padding: 0;



  



 kant: 0 none;



  



 skissere: 0;







 }

 

Faktisk ikke jeg kan anbefale bruk av disse enkle løsninger som bruk av den universelle velgeren (asterisk) kan føre til resultater ikke alltid optimal.

• <<
• 1
• 2
• >>