CSS naujo: tinklalapius su tikrai kryžminio naršyklės stilius

Per šį trumpą straipsnį, mes pamatysime, ką CSS CSS naujo technika ir kaip geriausiai jį naudoti sukurti tikrai kryžminio naršyklės tinklalapius.

CSS naujo: kas jie yra ir ką jie

Sukurti visiškai kryžiaus naršyklė interneto puslapius yra problema, kad kelerius metus (ty kai "Internet Explorer" nebėra rinkos dalis 95%) daro įtaką visiems interneto dizaineriai. Bet net ir tada, kai rezultatas yra suderinama su visomis naršyklėmis (jūs neturite, ty sutrikimai ar defektai ekranas, galintis turėti įtakos paslaugų naudojimo), iš interneto puslapio išvesties beveik visada skiriasi priklausomai nuo to, ar žiūrima naršyklė IExplorer , Firefox, Safari, Chrome ar Opera.

Aš kalbu apie nedidelių skirtumų, kartais vos juntamas, tačiau įtraukti iš lūkesčius galutinis rezultatas web dizainerių išvykimo (pavyzdžiui, dėl to, kad tarp dviejų elementų erdvėje yra šiek tiek didesnis nei naršyklės į kitą).

Ši problema yra dėl to, numatytuosius parametrus atskirų navigacijos įrangos, kuri apima skirtumus, daugiau ar mažiau pastebimas, kai jums padaryti tą patį tinklalapį.
Siekiant išspręsti šią problemą, mes pasinaudoti technika, kuri yra vadinama CSS Atstatyti kurį sudaro iš esmės yra instrukcijų CSS naudoti nustatyti, kad "Reset" numatytuosius nustatymus atskirų naršyklių.

CSS naujo: paprastas sprendimas

Sprendimas, o ne rafinuoti, yra paskelbti apie stilių taisyklė, kad atšaukia pradžioje, kiekvieno puslapio elementą, paprastai atributų apibrėžta naršyklių (tokių kaip, pavyzdžiui, skirtumas, išklojimui) skaičius

 



 * {



  



 margin: 0;



  



 padding: 0;







 }

 

arba:

 



 * {



  



 margin: 0;



  



 padding: 0;



  



 sienos: 0 none;



  



 kontūras: 0;







 }

 

arba daugiau Paiešką:

 



 * {

 

  



 vertical-align: pradinis;



  



 font-weight: paveldėti;



  



 font-family: paveldėti;



  



 font-style: paveldėti;



  



 font-size: 100%;



  



 margin: 0;



  



 padding: 0;



  



 sienos: 0 none;



  



 kontūras: 0;







 }

 

Iš tikrųjų aš negaliu rekomenduoti šių lengvus sprendimus naudoti kaip universaliosios selektorių (žvaigždutė), naudojimas gali lemti rezultatus, ne visada optimalus.

• <<
• 1
• 2
• >>