CSS Reset: web-sider med en ægte cross-browser stil

I denne korte artikel vil vi se, hvad CSS er en teknik, CSS reset, og hvordan man bedst kan bruge det til at skabe virkelig cross-browser websider.

CSS Reset: hvad de er, og hvad de er

Opret fuldt cross browser websider er et problem, at der for flere år (dvs. når Internet Explorer er ikke længere en markedsandel på 95%) påvirker alle webdesignere. Men selv når resultatet er kompatibelt med alle browsere (du ikke har, det vil sige, fejl eller svigt i displayet kan påvirke anvendeligheden af ​​tjenesten), vil produktionen af ​​den webside, næsten altid forskelligt afhængigt af om set med IExplorer , Firefox, Safari, Chrome eller Opera.

Jeg taler om små forskelle, til tider næsten ikke synlig, men ikke desto mindre indebære en afvigelse fra forventningerne til det endelige resultat af web-designere (for eksempel, fordi rummet mellem to elementer er lidt større end en browser til en anden).

Dette problem skyldes, at standardindstillingerne i de enkelte navigations-software, der involverer forskelle, mere eller mindre synlige, når du gør det samme webside.
For at løse dette problem, som vi ty til en teknik, der kaldes CSS Reset som består i det væsentlige et sæt af instruktioner i brugen af CSS for at "nulstille" standardindstillingerne i de enkelte browsere.

CSS Reset: en enkel løsning

En løsning, ikke raffineret, er at erklære begyndelsen af ​​et typografiark regel, der aflyser, for hver side element, som regel en række attributter defineret af browsere (som for eksempel, margin, padding)

 



 * {



  



 margin: 0;



  



 padding: 0;







 }

 

eller:

 



 * {



  



 margin: 0;



  



 padding: 0;



  



 grænse: 0 none;



  



 kontur: 0;







 }

 

eller mere kunstfærdigt:

 



 * {

 

  



 vertical-align: baseline;



  



 font-weight: arve;



  



 font-family: arve;



  



 font-style: arve;



  



 font-size: 100%;



  



 margin: 0;



  



 padding: 0;



  



 grænse: 0 none;



  



 kontur: 0;







 }

 

Faktisk kan jeg ikke anbefale brugen af ​​disse nemme løsninger, som anvendelse af den universelle vælgeren (stjerne) kan føre til resultater, der ikke altid er optimal.

• <<
• 1
• 2
• >>