|
|
Publicēts 27.07.2018 14:49:36
|
|
|
|
Normalize.css ir alternatīva CSS atiestatīšanai. Tas nodrošina augstu konsekvences pakāpi visās pārlūkprogrammās noklusējuma HTML elementa stilā. Normalize.css ir mūsdienīga, augstākās kvalitātes alternatīva HTML5 (http://necolas.github.io/normalize.css/）
Gan normalize.css, gan reset.css ir stila lapas pārlūkprogrammas cilņu atiestatīšanai
normalize.css izveides mērķis ir šāds:
Aizsargājiet noderīgus pārlūkprogrammas noklusējuma stilus, nevis pilnībā noņemiet tos
Vispārinātie stili: tiek nodrošināti lielākajai daļai HTML elementu
Pārlūkprogrammas kļūdu novēršana un konsekvences nodrošināšana visās pārlūkprogrammās
Optimizējiet CSS lietojamību: izmantojiet dažus padomus
Izskaidrojiet kodu: izmantojiet komentārus un detalizētu dokumentāciju
Normalize.css atbalsta plašu pārlūkprogrammu klāstu, tostarp mobilās pārlūkprogrammas, un vispārina HTML5 elementus, tipogrāfiju, sarakstus, iegulto saturu, veidlapas un tabulas. Lai gan šis projekts ir balstīts uz vispārinājumu, mēs esam izmantojuši praktiskākus noklusējumus, kur tas ir nepieciešams.
Normalizēt vs atiestatīt
1. Normalize.css Aizsargāti vērtīgi saistību neizpildes gadījumi
Atiestatīšana liek elementiem iegūt vienādu vizuālo efektu, uzspiežot noklusējuma stilu gandrīz visiem elementiem. Turpretī Normalize.css saglabā daudzus noklusējuma pārlūkprogrammas stilus. Tas nozīmē, ka jums vairs nav jāpārveido visi parastie tipogrāfijas elementi. Ja elementam dažādās pārlūkprogrammās ir atšķirīgi noklusējumi, Normalize.css cenšamies saglabāt šos stilus konsekventus un pēc iespējas atbilstošākus mūsdienu standartiem.
2. Normalize.css Novērsta kļūda pārlūkprogrammā
Tas novērš bieži sastopamās kļūdas darbvirsmas un mobilajās pārlūkprogrammās. Tas bieži vien pārsniedz to, ko var izdarīt atiestatīšana. Šajā sakarā problēmas, kas Normalize.css novērstas, ietver HTML5 elementu displeja iestatījumus, fonta lieluma problēmas ar iepriekš formatētu tekstu, SVG pārpildi IE9 un daudzas ar formu saistītas kļūdas, kas parādās dažādās pārlūkprogrammās un operētājsistēmās.
3. Normalize.css Tas nepadarīs jūsu atkļūdošanas rīkus pārblīvētus
Viens no kaitinošākajiem atiestatīšanas izmantošanas aspektiem ir lielā mantojuma ķēde pārlūkprogrammas atkļūdošanas rīkā, kā parādīts zemāk redzamajā attēlā. Šādas problēmas Normalize.css nebūs, jo mēs esam ļoti uzmanīgi ar multiselektoru izmantošanu savās vadlīnijās, un mēs tikai mērķtiecīgi veidosim mērķa elementu.
4. Normalize.css ir modulāra
Projekts ir sadalīts saistītajās, bet atsevišķās daļās, kas ļauj viegli un skaidri saprast, kuriem elementiem ir noteiktas konkrētas vērtības. Tas ļauj selektīvi noņemt daļas, kuras nekad neizmantosiet (piemēram, veidlapu vispārinājumu).
5. Normalize.css Ir detalizēta dokumentācija
Normalize.css kods ir balstīts uz detalizētu un visaptverošu vairāku pārlūkprogrammu izpēti un testēšanu. Šajā failā ir detalizēti kodu apraksti un papildu norādījumi Github Wiki. Tas nozīmē, ka jūs varat uzzināt, ko tieši dara katra koda rindiņa, kāpēc jūs to uzrakstījāt, atšķirības starp pārlūkprogrammām, un jūs varat vieglāk pārbaudīt savu.
Kā lietot normalize.css
Pirmkārt, instalējiet vai lejupielādējiet Normalize.css no Github, un pēc tam ir divi galvenie veidi, kā to izmantot.
1. stratēģija: Izmantojiet normalize.css kā pamatu CSS saviem projektiem, pielāgojot stila vērtības atbilstoši dizainera vajadzībām.
2. stratēģija: importējiet normalize.css avota kodu un veidojiet to virsū, vajadzības gadījumā ignorējot noklusējuma iestatījumus ar savu CSS.
CSS faila lejupielāde:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Iepriekšējo:C# konsoles programma, kas atspējo aizvēršanas pogu, lieliski atrisināsNākamo:Palūdziet Taobao cilvēkiem kopēt programmu partijās
|
