|
|
Közzétéve 2018. 07. 27. 14:49:36
|
|
|
|
Normalize.css egy alternatíva a CSS visszaállításának. Magas szintű konzisztenciát biztosít a böngészők között az alapértelmezett HTML elem stílusban. Normalize.css egy modern, prémium alternatíva a HTML5-höz (http://necolas.github.io/normalize.css/）
Mind a normalize.css, mind a reset.css stíluslapok, amelyek a böngészőfülek visszaállítására szolgálnak
A normalize.css létrehozásának célja a következő:
Védd meg a hasznos böngésző alapértelmezett stílusokat, ahelyett, hogy teljesen eltávolítanád őket
Általánosított stílusok: A legtöbb HTML elemhez biztosítva
Javítsd ki a böngésző saját hibáit, és biztosítsd a böngészők közötti konzisztenciát
Optimalizáld a CSS használhatóságát: Használj néhány tippet
Magyarázd el a kódot: használd a kommenteket és részletes dokumentációt
Normalize.css széles körű böngészőt támogat, beleértve a mobil böngészőket is, és általánosítja a HTML5 elemeket, tipográfiát, listákat, beágyazott tartalmakat, űrlapokat és táblázatokat. Bár ez a projekt általánosításon alapul, ahol indokolt, gyakorlatiasabb alapértelmezéseket használtunk.
Normalizálás vs Visszaállítás
1. Normalize.css Védett értékes alapelvek
A reset arra kényszeríti az elemeket, hogy ugyanazt a vizuális hatást sugározzák, szinte minden elemre alapértelmezett stílust kényszerít rá. Ezzel szemben Normalize.css sok alapértelmezett böngészőstílust megőriz. Ez azt jelenti, hogy már nem kell minden általános tipográfiai elemet átalakítanod. Ha egy elemnek különböző alapértelmezései vannak különböző böngészőkben, Normalize.css arra törekedünk, hogy ezek a stílusok a lehető legkövetkezetesebb és a modern szabványokhoz igazodjanak.
2. Normalize.css Javítottam egy hibát a böngészőben
Javítja a gyakori hibákat az asztali és mobil böngészőkben. Ez gyakran túlmutat a Reset képességein. Ebben a tekintetben a megoldást Normalize.css problémák közé tartozik a HTML5 elemek megjelenítési beállításai, az előre formázott szöveg betűméret-problémái, az IE9-ben az SVG túlcsordulása, valamint számos űrlaphoz kapcsolódó hiba, amely különböző böngészőkben és operációs rendszerekben jelentkezik.
3. Normalize.css Nem lesz zavaró hibakereső eszközeid
Az egyik legidegesítőbb aspektus a Reset használatának a böngésző hibakereső eszközben található nagy örökléslánc, ahogy az alábbi képen is látható. Normalize.css-ben nem lesz ilyen probléma, mert nagyon óvatosak vagyunk a többszörös szűrők használatával az irányelveinkben, és csak szándékosan tervezzük a célelemet.
4. Normalize.css moduláris
A projektet kapcsolódó, de különálló részekre osztották, ami megkönnyíti és világossá teszi, hogy mely elemek vannak meghatározott értékekhez állítva. Ez lehetővé teszi, hogy szelektíven eltávolítsd azokat az alkatrészeket, amelyeket soha nem fogsz használni (például az űrlapok általánosítását).
5. Normalize.css Részletes dokumentációval rendelkezik
Normalize.css kód részletes és átfogó böngészőalapú kutatáson és tesztelésen alapul. Ez a fájl részletes kódleírásokat és további utasításokat tartalmaz a Github Wiki-n. Ez azt jelenti, hogy pontosan mit csinál az egyes kódsorok, miért írtad, milyen különbségeket a böngészők között, és könnyebben tesztelheted a sajátodat.
Hogyan használjuk normalize.css
Először telepítsd vagy töltsd le Normalize.css a Githubról, aztán két fő módja van a használatának.
1. stratégia: Használd normalize.css alapként a saját projektjeidhez, és a stílus értékeket a tervező igényeihez igazítsd.
2. stratégia: Importáld normalize.css forráskódot, és építsd rá, szükség esetén a saját CSS-eddel felülírva az alapértelmezéseket.
CSS fájl letöltés:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Előző:A C# konzol programja, ami letiltja a záró gombot, tökéletesen megoldódikKövetkező:Kérd meg a taobao-i embereket, hogy csoportosan másolják le a programot
|
