Reset CSS: pagini web cu un stil cu adevărat cross-browser

În acest scurt articol vom vedea ce CSS este tehnica de resetare CSS şi cum să folosească cele mai bune pentru a crea cu adevărat pagini de cross-browser web.

CSS Reset: ceea ce sunt şi ceea ce sunt

Creaţi pagini pe deplin cruce browser-ul este o problemă care, de mai mulţi ani (adică atunci când Internet Explorer nu mai este o cota de piata de 95%) afectează toate web designeri. Dar chiar şi atunci când rezultatul este compatibil cu toate browserele (nu aveţi, de exemplu, defecţiuni sau defecte afişarea de natură să afecteze gradul de utilizare a serviciului), de ieşire a paginii web va fi aproape întotdeauna în funcţie de diferite pe dacă vizualizate cu IExplorer minim , Firefox, Safari, Chrome sau Opera.

Vorbesc despre diferenţe mici, uneori abia perceptibile, dar cu toate acestea implica o abatere de la asteptarile cu privire la rezultatul final de web designeri (de exemplu, pentru că spaţiul dintre două elemente este putin mai mare decat un browser la altul).

Această problemă se datorează la setările implicite ale software-ului de navigare individuale care implică diferenţe, mai mult sau mai puţin vizibile, atunci când face pe pagina web aceeaşi.
Pentru a rezolva această problemă, vom recurge la o tehnica care se numeste CSS Reset, care constă, în esenţă, un set de instrucţiuni de utilizare a CSS, în scopul de a "reseta" setările implicite în browsere individuale.

CSS Reset: o soluţie simplă

O soluţie, nu rafinate, este de a declara la începutul unei norme foaie de stil, care anulează, pentru fiecare element de pagină, de obicei un număr de atribute definite de browsere (cum ar fi, de exemplu, marja, padding)

 



 * {



  



 margin: 0;



  



 padding: 0;







 }

 

sau:

 



 * {



  



 margin: 0;



  



 padding: 0;



  



 frontieră: 0 nici unul;



  



 schiţă: 0;







 }

 

sau, mai elaborat:

 



 * {

 

  



 vertical-align: de bază;



  



 font-Greutate: moşteni;



  



 font-family: moşteni;



  



 font-style: moşteni;



  



 font-size: 100%;



  



 margin: 0;



  



 padding: 0;



  



 frontieră: 0 nici unul;



  



 schiţă: 0;







 }

 

De fapt, eu nu pot recomanda utilizarea acestor soluţii de uşor ca utilizare a selectorului universal (asterisc) poate conduce la rezultate nu întotdeauna optimă.

• <<
• 1
• 2
• >>