Resetați stiluri css folosind - reset - și - normalizarea

Înainte de a începe designul site-ului ar trebui sa reseteze valoarea CSS „default“. Este foarte important, pentru că fiecare browser este diferit interpretează aspectul elementelor individuale ale HTML. Acest lucru implică faptul că, în unele cazuri, site-ul nu poate afișa corect, că estetvenno ar dori să evite. Pe partea de sus, există o altă problemă asociată cu faptul că, dacă vom decide să utilizeze setarea built-in stil CSS este, de facto, pierde controlul asupra propriului lor proiect, în caz de orice independent de noi, actualizări ..

Ce stiluri doriți să resetați?

Desigur, nu toate setările implicite ar trebui să suprascrie. Nu are nici un sens pentru a efectua această procedură, de exemplu, pentru a eticheta . Reset necesită, printre alte elemente, cum ar fi:

marja, padding,
ul, ol, linie de înălțime, schiță, de frontieră, vertical-align ...
blockquote.

cod de resetare

După ce inserați acest cod la începutul fișierului CSS, puteți începe să lucreze în continuare fără probleme.

normalize.css

De asemenea, există o alternativă - normalize.css creată de Nicholas Gallagher (Nicolas Gallagher) și Jonathan Neal (Jonathan Neal) au folosit o abordare diferită cu „fișierul CSS mic, oferă cea mai bună coerența cross-browser-ul în elemente HTML de stil, în mod implicit.“ Așa cum este cazul cu resetare CSS, ne oferă un punct de plecare solid de compatibilitate cross-browser.

De fapt, este aceleași stiluri Normalize.css resetare html, dar mult mai sensibile la problema dreptului, pe de altă parte de către versiunea curentă a Normalize.css, de asemenea, ajută la corectarea unele browser-ul defecte, inclusiv elemente „setări de afișare HTML5, edita font-size preformatat overflow textului SVG în IE9 și multe alte defecte asociate cu forme în browsere și sisteme de operare. " De exemplu, următorul WebKit CSS rezolvă o problemă cu noul element HTML5 tip de intrare = »căutare»: