|
|
Julkaistu 27.7.2018 14.49.36
|
|
|
|
Normalize.css on vaihtoehto CSS:n nollaukselle. Se tarjoaa korkean johdonmukaisuuden selainten välillä oletus-HTML-elementtityylillä. Normalize.css on moderni, premium-luokan vaihtoehto HTML5:lle (http://necolas.github.io/normalize.css/）
Sekä normalize.css että reset.css ovat tyylilomakkeita selaimen välilehtien nollaamiseen
normalize.css luomisen tarkoitus on seuraava:
Suojaa hyödyllisiä selaimen oletustyylejä sen sijaan, että poistaisit ne kokonaan
Yleistetyt tyylit: Saatavilla useimmille HTML-elementeille
Korjaa selaimen omat bugit ja varmista johdonmukaisuus eri selainten välillä
Optimoi CSS:n käytettävyys: Käytä muutamaa vinkkiä
Selitä koodi: käytä kommentteja ja yksityiskohtaista dokumentaatiota
Normalize.css tukee laajaa valikoimaa selaimia, mukaan lukien mobiiliselaimet, ja yleistää HTML5-elementit, typografian, listat, upotetun sisällön, lomakkeet ja taulukot. Vaikka tämä projekti perustuu yleistykseen, olemme käyttäneet käytännöllisempiä oletuskeinoja tarpeen mukaan.
Normalize vs Reset
1. Normalize.css Suojatut arvokkaat maksuhäiriöt
Nollaus pakottaa elementit saavuttamaan saman visuaalisen efektin asettamalla oletustyylin lähes kaikille elementeille. Sen sijaan Normalize.css ylläpitää monia oletusselaintyylejä. Tämä tarkoittaa, ettei sinun enää tarvitse muokata kaikkia yleisiä typografian elementtejä. Kun elementillä on eri oletusasetukset eri selaimissa, Normalize.css pyrimme pitämään nämä tyylit johdonmukaisina ja mahdollisimman yhdenmukaisina nykyaikaisten standardien kanssa.
2. Normalize.css Korjattu bugi selaimessa
Se korjaa yleisiä bugeja työpöytä- ja mobiiliselaimissa. Tämä on usein Resetin mahdollisuuksien ulottumattomissa. Tässä yhteydessä korjattavia ongelmia ovat Normalize.css HTML5-elementtien näyttöasetukset, fonttikoon ongelmat esimuotoillussa tekstissä, SVG-ylivuoto IE9:ssä sekä monet lomakkeeseen liittyvät bugit, joita esiintyy eri selaimissa ja käyttöjärjestelmissä.
3. Normalize.css Se ei tee virheenkorjaustyökaluistasi sekavaa
Yksi ärsyttävimmistä asioista Resetin käytössä on selaimen virheenkorjaustyökalun suuri perintöketju, kuten alla olevassa kuvassa näkyy. Tällaista ongelmaa ei tule olemaan Normalize.css, koska olemme erittäin tarkkoja monivalitsijoiden käytössä ohjeissamme ja muotoilemme kohdeelementin tarkoituksella.
4. Normalize.css on modulaarinen
Projekti on jaettu toisiinsa liittyviin mutta erillisiin osiin, mikä tekee helpoksi ja selkeäksi siitä, mitkä elementit on asetettu tiettyihin arvoihin. Tämä mahdollistaa osien valikoivan poistamisen, joita et koskaan käytä (kuten lomakkeiden yleistäminen).
5. Normalize.css Sisältää yksityiskohtaista dokumentaatiota
Normalize.css koodi perustuu yksityiskohtaiseen ja kattavaan ristiinselaintutkimukseen ja testaukseen. Tässä tiedostossa on yksityiskohtaiset koodikuvaukset ja lisäohjeet Github Wikissä. Tämä tarkoittaa, että voit selvittää, mitä kukin koodirivi tarkalleen tekee, miksi kirjoitit sen, mitkä ovat erot selainten välillä, ja voit testata omaasi helpommin.
Kuinka käyttää normalize.css
Ensiksi asenna tai lataa Normalize.css Githubista, ja sitten on kaksi päätapaa käyttää sitä.
Strategia 1: Käytä normalize.css CSS:n perustana omille projekteillesi, räätälöimällä tyyliarvoja suunnittelijan tarpeiden mukaan.
Strategia 2: Tuo normalize.css lähdekoodi ja rakenna sen päälle, ohittaen oletusasetukset omalla CSS:lläsi tarvittaessa.
CSS-tiedoston lataus:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Edellinen:C#-konsoliohjelma, joka poistaa sulkupainikkeen käytöstä, ratkaisee täydellisestiSeuraava:Pyydä Taobaolaisia kopioimaan ohjelma erissä
|
