Visszaállítása css stílusokat használ - reset - és - normalizálja

Mielőtt elkezdjük design a helyén kell állítani a CSS-érték „default”. Ez nagyon fontos, mert minden böngésző eltérő értelmezi a megjelenése az egyes elemek a HTML. Ez azzal jár, hogy bizonyos esetekben a helyszínen nem jelenik meg helyesen, hogy estetvenno szeretnék elkerülni. A tetején van egy másik probléma, amely az a tény, hogy ha úgy döntenek, hogy a beépített CSS stílus beállítás de facto elveszti felett a saját projekt esetén bármely független tőlünk frissítések ..
Mi stílusok vissza szeretné állítani?
Persze, nem minden az alapértelmezett beállítások felülírják. Semmi értelme, hogy ezen eljárás végrehajtásához, például címkézni
. Visszaállítása szükség, hogy többek között, mint például:
margin, padding,
ul, ol, line-height, vázlat, átnyúló, függőleges-align ...
blockquote.
visszaállítási kódot
Miután megadtuk ezt a kódot az elején a CSS fájlt, akkor lehet kezdeni a további munka, minden gond nélkül.
normalize.css
Emellett van egy másik - normalize.css készítette Nicholas Gallagher (Nicolas Gallagher) és Jonathan Neal (Jonathan Neal) használtak egy másik megközelítés a "kis CSS-fájl, a legjobb cross-browser összhang a HTML Elements of Style, alapértelmezés szerint." Mint ahogy az a CSS reset ez ad nekünk egy szilárd kiindulási pont a határon böngésző kompatibilitás.
Valójában ez ugyanaz Normalize.css visszaállító stílusok html de sokkal érzékenyebbek a kérdést a jogot, másrészt pedig a jelenlegi változat Normalize.css is segít kijavítani néhány hibát böngésző, beleértve a „megjelenítési beállítások HTML5 elemek, szerkesztés font-size előformázott szöveget túlfolyó SVG a IE9 és sok egyéb hibák kapcsolódó formák böngészők és operációs rendszerek. " Például az alábbi CSS WebKit javít a probléma az új elem HTML5 input type = »keresés»: