CSS Reset: Web lapas ar patiesi pārrobežu pārlūku style

Šajā īss raksts mēs redzētu, kas CSS CSS reset tehniku ​​un kā to vislabāk izmantot, lai izveidotu patiesi pārrobežu pārlūka mājas lapas.

CSS Reset: kas tie ir un ko viņi

Izveidot pilnībā pārrobežu pārlūka web lapas ir problēma, ka, vairākus gadus (ti, kad Internet Explorer vairs nav tirgus daļa 95%) ietekmē visus web dizaineri. Bet pat tad, ja rezultāts ir saderīga ar visām pārlūkprogrammām (tev nav, ti, darbības traucējumi vai defekti, displejs, kas var ietekmēt izmantojamību pakalpojumu), lai tīmekļa lapas izvades gandrīz vienmēr atšķiras atkarībā no tā, vai aplūkot ar IExplorer , Firefox, Safari, Chrome vai Opera.

Es runāju par nelielas atšķirības, dažkārt grūti uztverama, tomēr ietver izbraukšanas no cerības, gala rezultātā web dizaineru (piemēram, jo ​​starp diviem elementiem telpa ir nedaudz lielāks par pārlūkprogrammu uz citu).

Šī problēma ir saistīta ar noklusējuma iestatījumiem individuālo navigācijas programmatūru, kas ietver atšķirības, vairāk vai mazāk pamanāmas, kad jūs padara pašu mājas lapā.
Lai atrisinātu šo problēmu, mēs izmantot metodi, kas tiek saukts CSS Reset, kas sastāv, galvenokārt, instrukciju kopums, izmantojot CSS, lai "atjaunotu" noklusējuma iestatījumus atsevišķā pārlūkprogrammas.

CSS Reset: vienkāršs risinājums

Risinājums, nerafinētas, ir deklarēt sākumu stila lapas noteikumu, ka tiek atcelta, par katru lapu elementiem, kas parasti vairāki raksturlielumi, kas noteikti ar pārlūkprogrammām (kā, piemēram, norma, polsterējums)

 



 * {



  



 margin: 0;



  



 padding: 0;







 }

 

vai:

 



 * {



  



 margin: 0;



  



 padding: 0;



  



 border: 0 none;



  



 izklāsts: 0;







 }

 

vai vairāk elaborately:

 



 * {

 

  



 vertical-align: bāzes līnijas;



  



 font-svars: iemantos;



  



 font-family: iemantos;



  



 font-style: iemantos;



  



 font-size: 100%;



  



 margin: 0;



  



 padding: 0;



  



 border: 0 none;



  



 izklāsts: 0;







 }

 

Patiesībā es nevaru ieteikt izmantot šo vienkāršo risinājumu, kā universālo selektoru (zvaigznīte) lietošana var novest pie iznākuma, ne vienmēr ir optimāla.

• <<
• 1
• 2
• >>