Határon böngésző kompatibilitás html oldalak, és miért van szükségünk - Jurij Klyuchevskii
Az oldal egyaránt jól látható a különböző böngészők, meg kell dolgozni rajta határon böngésző kompatibilitás. Ez segít nekünk, hogy teszteljék és hibakeresés a oldal HTML / CSS jelölést. De vannak olyan eszközök, amelyek segítenek csökkenteni a rend helyreállítása a stílus, és biztosítsa, hogy az alapvető stílus ugyanaz volt a különböző böngészőkben. Mik ezek az eszközök, miért és hogyan kell használni őket - nézd meg a következő.
Böngészők és alapvető stílusok
A tény az, hogy minden böngésző alapértelmezett sor alapvető stílusok alá vont az alapértelmezett oldalra. És ha hozunk létre egy oldalt a „meztelen» html regisztráció nélkül és stílusok, a böngésző még mindig megjelenik a címke egy nagy méretű és félkövér,
valamivel kisebb méretű, és így tovább. Böngésző jelölje ki a szöveget a címke dőlt betűk hogy eltúlzott és - merész.Lesz így, mert már a saját stílusokat az elemek a böngésző, amely alapértelmezés használt felfedezni benne oldalakon. És az a tény, hogy ezek a szabályok kissé eltérő a különböző böngészőkben, honnan böngésző böngésző. 10 évvel ezelőtt ezek a különbségek csak drámai és nagyon szembetűnő. Most már minimális, de még mindig ott van.
Ahhoz, hogy távolítsa el ezeket a különbségeket, és az alapértelmezett oldal megjelenítéséhez minden böngészőben ugyanúgy - használjon .css: reset.css vagy normalize.css
reset.css - mit csinál és hogyan kell használni
Először jelent meg reset.css fájlt. Ez css fájl tartalmazza a lista az összes lehetséges html tag, és visszaállítja értékük nulla. Eszik eltávolítja az összes lehetséges padding, így a font azonos minden tag, elöntve minden szöveg stílusokat. Tehát minden főcímek és bekezdések szövegként jelenik meg, és egy méret betét nélkül. Az eredmény vissza az alapértelmezett stílusok különböző böngészők között.
Úgy működik, mint ez, először csatlakoztassa reset.css lapozófájl, és miután neki fájlt a stílusokat. Ennek eredményeként először állítsa vissza az összes stílus, majd később a style.css kérni tervezés html tag. Így érkezünk el az a tény, hogy minden böngésző fogja szedni az alapértelmezett stílus, és az egész elrendezést fog alapulni a stílus, amit mi kérünk a style.css.
letöltés reset.css
Töltse reset.css cssreset.com lehetséges helyben
Vagy lehet letölteni egy változata Eric Meyer „Reset CSS” 2.0 az alábbi gombra, hogy a blogomban:
normalize.css - hogyan működik és mi a különbség
Miután csatlakozik reset.css minden stílus az oldalon kell újra regisztrálnia. És valahányszor a tevékenység fárasztó. Ezért helyére resetprishel egy másik eszköz - normalizálódik. Normailze - mint a neve is mutatja, ez nem állítja vissza az összes stílus, és normalizálja az eredmények egyetlen típusú minden böngészőben. Kérelem benyújtását követően az alap kijelzőre stílusok fejezetek, a betűméret, margó ... - egységesek, és megjelenik minden böngészőben egyformán. Használja - menthet egy bizonyos időt, ami abban az esetben a reset kellene költeni vényköteles esett stílusokat.
Ha még nem használt normalize.css azt ajánlom, hogy próbálja ki az én következő, végbélgyulladás, és ki tudja, lehet, hogy nem lesz képes, hogy ez 😉
letöltés normalize.css
Vagy letölthető a blogomban:
Sokkal jobb, hogy vissza, vagy normalizálni?
Az egyértelmű válasz: nem.
- Először is visszaállítja az összes stílus, a második - ami a közös nevező. Tapasztalt webes tervezők, akik reset.css általában saját stílus-készletet, amelyek azonnal csatlakozik a visszaállítás után feldolgozásra tartalmat. És nincs minden alkalommal az új elrendezés stílusok újra a alapelemeit. Én is. Vagyok kényelmes, és tudom, milyen stílusok tudom beállítani az alapértelmezett, és hogyan működnek.
normalizálja kényelmes, ha tanulmányozza a szerkezet, akkor módosíthatja azt maga - végül az alap megjelenése címkéket. És a munka vele is könnyen folyni - ha szükséges előírni sokat és gyakran.
Minden eszköz jó, még ennél is fontosabb, hogy használni rendesen 😉
Mint a bejegyzést? Oszd meg barátaiddal, értékelni fogják:
Share on Facebook