Datoteka resetirajte CSS. Poništite stilove pomoću CSS resetiranja

Resetirajte CSS. (resetiranje stilova) je nultiranje sa koristeći CSS., Neki od parametara HTML elemenata koji su preglednici instalirani prema zadanim postavkama. Na primjer, ovi elementi uključuju odlomke (oznaka), koji u početku predstavljaju vertikalnu polja (CSS), označene liste (oznaka), koji više nisu samo polja, već i određeni markeri (CSS) i tako dalje.

Sada razmislimo o onome što vam treba ovaj resetiranje CSS-a, šta nam može dati? Pa, zamislite da ste proslavili stranice svoje web stranice i istovremeno niste promijenili polja odlomka koji su preglednici ponudili prema zadanim postavkama, jer se njihova veličina u potpunosti uređena. Ali recite mi, molim vas i gdje ste odlučili da će svi preglednici svijeta, koji već postoje i još uvijek pojavljuju, stvorit će polje iste veličine? Štaviše, zašto mislite da preglednici u kojima ste testirali svoj izgled neće se promijeniti u svojim sljedeće verzije Veličina ovih polja nije u potpunosti uklonjena u potpunosti? Osetite šta miriše?

Dakle, izbacivanje CSS-a, stihovi su jednostavno zatvoreni iz takvih nesporazuma, odnosno prvo resetiraju sve "kritične" vrijednosti CSS svojstava, a zatim ga dodaju natrag, ali sa vlastitim veličinama. Dakle, možete biti sigurni da će u svim pretraživačima web mjesto izgledati jednako. Svakako ne možete resetirati stilove, ali jednostavno tokom rasporeda postavite potrebne parametre na stavke, ali postoji rizik da će negdje nešto izgubiti i na određeno mjesto će se sve slomiti.

Na osnovu prethodnog, jedna od značajki olakšice CSS-a je da nakon njegovog korištenja, mnogi HTML elementi gube svoj uobičajeni izgled. A ako je gubitak polja u paragrafima za početnike, nešto što se očekuje za početnike, tada, na primjer, činjenica da su gumbi kreirani pomoću oznaka ili iznenada postali vanjski slični uobičajenom tekstu - potpuno je iznenađenje. Ali to ne bi trebalo biti neugodno, jer za tog stilova i resetiraju se, tako da pododjeljnik tada nije zaboravio da ih navedi u novom.

Postoji puno načina za resetiranje stilova i šta odaberete - to ovisi samo o vama, ali mogu vam reći jedno - najbolje resetiranje je onaj koji ste sami stvorili na osnovu vašeg iskustva i navika. Ako još nemate takvo iskustvo, možete koristiti jednu od opcija predloženih u nastavku.

Uvijek odredite stilove za resetiranje CSS-a na samom početku koda, u protivnom, neki od parametara možda neće raditi jer prioriteti stilakoji su instalirani preglednici prilikom obrade HTML stranice i CSS koda.

Resetirajte CSS sa univerzalnim selektorom

*. osnovna linija; / * Vertikalna osnovna poravnanja * / Veličina fonta: 100%; / * Veličina fonta 100% * / pozadina: prozirna; / * Pozadina svih elemenata transparentna * / brend: 0; / * Uklonite okvir * / outline: 0; / * Uklonite konture * / margina: 0; / * Uklonite polja * / obloga: 0; / * Uklonite ugradnju * /)

Opis primjera

U ovom primjeru sa univerzalni selektor Navedeni stilovi se odmah resetiraju na svim HTML elementima koji će biti prisutni na stranici. Kao što vidite, većina nekretnina je precizno određena za sigurnosnu mrežu, kao njihove vrijednosti i tako da preglednici moraju zamijeniti podrazumevano prema specifikaciji CSS-a. Ali kao što već znate, sve je to potpuno drugačije i ako je nekretnina uide na nasljeđene elementi svojih roditelja u svim vodećim preglednicima, isti vanjski polja određena imovinom CSS-a nisu uvijek u početku jednako jednako jednako jednako nulu.

Ali veličine okvira (CSS) i kontura (CSS) prema zadanim postavkama nisu nula, ali već prema specifikaciji. Međutim, njihova debljina je resetirana, tako da mjerač ne bi zaboravio da ga jasno odredi gdje bi bilo potrebno.

Resetirajte CSS iz Yahoo!

Tijelo, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, oblik, teren, ulaz, textarea, p, blockquote, th, td (margina: 0; Padding: 0;) Teretni teret, img, abbr, akronim (granica: 0;) Adresa, opis, cite, kod, dfn, em, jak, th, var (font-the (težina): normalna težina: normalna;) (Collapse: kolaps; / * uobičajene granice za tablice tablica * / granični razmak: 0; / * nultiing udaljenost između stanica * /) opis (religing teksta: / * Poravnavanje teksta na lijevu ivicu * /) ol, ul (lista: nijedna; / * Ukloni markere lista * /) H1, H2, H3, H4, H5, H6 (Veličina fonta: TEŽINA: NORMAL;) P: Prije, P: Nakon (sadržaj: ""; / * otkazujemo citate iz oznake Q * /)

Opis primjera

Yahu u jednom trenutku razvio je svoju verziju za resetiranje očiju. Ovdje se ne mijenja svojstva specifičnih elemenata, što omogućava postizanje veće fleksibilnosti u kontroli. vanjske vrste. Na primjer, markeri se uklanjaju sa lista, a oznaka je navodnici koristeći svojstvo CSS-a. Prednosti ovog pristupa su očigledne, ali minusi uključuju više voluminijeg i ponekad suvišnog koda. Ali niko vas ne smeta da promijenite bilo koji CSS resetirajte na vaše potrebe. Pretpostavimo da vam možete izbrisati nepotrebne. odabir oznake Ili ne samo uklonite citate, ali odmah ih postavite potreban izgled.

Resetirajte CSS iz Eric Meyera

Html, tijelo, div, span, apprem, objekt, iframe, h1, h3, h3, h3, h3, h3, h3, h3, h, h3, h6, p, blockquote, pre, a, abbr, akronim, adresa, velika, cite, kod, del, dfn, Em, img, ins, kbd, q, s, samp, mali, štrajk, jak, sub, sup, tt, var, b, u, i, centar, dl, dt, dd, ol, ul, li, zemlja, polje, Oblik, naljepnica, legenda, tablica, opis, tbod, tfoot, thead, tr, th, td, članak, po strani, platno, detalji, ugrađivanje, zaglavlje, hrpa, meni, nav, izlaz, ruby, Odjeljak, sažetak, vrijeme, oznaka, audio, video (marža: 0; obrub: 0; veličina fonta: 100%; font: nasljedstvo; Okomito-poravnanje: osnovni, po strani, figcapcija, FICK, FOOTER, HAPER, HGROUP, MENU, NAV, Odjeljak (prikaz: / * Napravljamo blok predmete (za stare preglednike) * /) tijelo (visina linije: 1; / * prored Tekst na stranici * /) ol, ul (list-stil: nema;) blockquote: prije, blockquote: nakon, q: prije, q: nakon (sadržaj: ";" "uklonite citate na Q i blockquote * / sadržaj: Nijedan; / * dodaj za lojalnost * /) blockquote, q (citati: nema; / * drugi način uklanjanja citata * /) tablica (granični kolaps: 0;)

Opis primjera

Sljedeći način za resetiranje CSS-a sugerirao je Eric Meyer (Eric Meyer) - web programer poznat u određenim krugovima. Ovdje je već dodao pražnjenje stilova za oznake od HTML-a 5, koji, usput, u vrijeme pisanja ovog članka i sebe još uvijek vrlo slabo podržavaju moderni pretraživači. Ali uvijek trebate pogledati perspektivu, zar ne?

U stvari, ovaj bi se ovaj članak mogao nastaviti beskonačnošću, jer opet ponavljam, u određenoj tački, svaki mjerač dolazi do njegove verzije pražnjenja ili ga uopće ne koristi, oslanjajući se na svoju pažnju.

Sve HTML predmeti Zadane stranice imaju vlastite vrijednosti. I, nažalost, nisu jednako interpretirani različitim preglednicima. Kao rezultat toga, dizajn lokacije pati, njegova dizajna mijenja se kada promjena pregledača (Internet pretraživač). Svrha postupka resetiranja styling je smanjenje nedosljednosti preglednika u takvim stvarima kao visinu linije, polja, veličine naslova fontova itd.

Primjeri skripti resetiranja CSS stila

Vjeruje se da svaki samopoštovani webmaster treba napisati vlastiti CSS resetirati kod. Ali ja sam zagovornik drugog pristupa, uzmite gotove rešenje, shvatite je i ispravite ako je potrebno.

Eric Meyer CSS resetiraj

Skripta pražnjenja iz Eric Meyera, s riječima samog autora, namjerno vrlo čest. Na primjer, nije naveden u njemu za tijelo elemenata, bilo koja zadana pozadina. Stoga se mora promijeniti, uređivati, proširiti i na drugi način konfigurirati u skladu s vašim potrebama. Dodajte željene boje za stranice, veze i tako dalje.

/ * http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 Licenca: Nijedan (Public Domain) * / HTML, tijelo, Div, Span, Applet, objekta, IFrame, H1, H2, H3, H4, H5, H6, P, Blockquote, Pre, A, skr, Akronim, adresa, Big, Cite, Code, Del, DFN, EM, IMG, INS, KBD, Q, S, Samp, Mala, Strike, Strong, Sub, Sup, TT, Var, B, U, I, TT, Var, B, U, i, centar, dl, dt, dd, ol, ul, li, zemlja, oblik, oznaka, legenda, stol, opis, tbody, tfoot, thead, tr, th, td, članak, na stranu, platno, detalji, Ugradi, figcapcija, podnožje, zaglavlje, HGROUP, MENU, NAV, izlaz, ruby, odjeljak, sažetak, vrijeme, oznaka, audio, video (margina: 0; obrub: 0; Veličina fonta: 100% ; Font: Okomiti-poravnanje: osnovna linija;) / * HTML5 resetiranje zaslona za starije preglednike * / članak, po strani, detalji, figcapcija, broj, footer, zaglavlje, hrgoup, meni, nav, blok; ) Tijelo (visina linije: 1;) OL, ul (lista: nema;) blockquote, q (citati: nema;) blockquote: prije, blockquote: nakon, q: nakon (sadržaj: ""; Sadržaj: Nema;) Tabela (granični kolaps: C. Ollapse; Razmak između granice: 0; )

Yahoo! (Yui 3) resetiranje CSS-a

CSS yui 3 stila omekšava kontroverzni stil pretraživača HTML elemenata, kao i bilo koji drugi CSS resetirani skript za stvaranje pouzdane osnove za kreiranje web stranica i web aplikacija.

/ * Yui 3.18.1 Copyright 2014 Yahoo! Inc Sva prava zadržana. Licencirano pod licencom BSD-a. http://yuilibrary.com/license/ * / * todo morat će ukloniti postavke na HTML-u, jer to možemo "t imenrati. Todo s prefiksom, trebam li grupisati selektor ili imovinu za uštedu težine? * / html (boja) : # 000; Pozadina: #fff;) / * todo ukloniti postavke na telo, jer možemo "t imena. * / / * Todo test stavljajući alas na glavu. - ne uspijeva na FF. * / Tijelo, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, kod, oblik, zemlja, legenda, ulaz, textea, p, blockquote, th, TD (marža: 0; Padding: 0;) Tabela (granični kolaps: Sažmi; granična izleta: 0;) Zemljovid - IMG (granica: 0;) / * todo razmislite o hanlijem nasljeđivanju u Hanlijama, možda dopuštajući IE6 ... * / Adresa, opis, cite, kod, dfn, em, jak, th, var (font-stil: normalan; font-težina: normalno;) ol, ul (lista; nijedna; (Poravnavanje teksta: Levo;) H1, H2, H3, H4, H5, H6 (Veličina fonta: 100%; Font-Težina: Normalno;) Q: Nakon (Sadržaj: "); Acronim (granica: 0; VARANTNICA: Normalno;) / * za sačuvanje visine linije i selektora Izgled * / SUP (vertikalno-poravnanje: Tekst-vrh;) Sub (vertikalno-poravnanje: Tekstualno dno;) , Odaberite (Font-porodica: nasljedstvo; veličina fonta: nasljeđivanje; težina fonta: nasljeđivanje; * Veličina fonta: 100%; / * za omogućavanje veličine za IE * /) / * jer legenda ne naziva u IE * / Legenda (boja: # 000;) / * yui css otkrivanje Ion markica * / # yui3-css-marka.cssreset (prikaz: nema; )

Resetiranje stilova normalizacije.css

Normalize.css je prilagođena CSS datoteka koja omogućava preglednicima da prikazuju sve elemente dosljednije i u skladu s modernim standardima. Njeni autori su podrazumevano istraživali razlike između stilova različitih preglednika, kako bi ispravljali samo one stilove kojima je potrebna normalizacija.

/ *! Normalize.css v6.0.0 | Mit licenca | gitHub.com/necolas/normalize.css * / / * dokument \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d * / / ** * 1. Ispravite visinu linije U svim pretraživačima. * 2. Sprečite prilagođavanja veličine fonta nakon orijentacije promjena u * tj. Na Windows Phone I u iOS-u. * / HTML (Line-Visina: 1.15; / * 1 * / -ms-veličine teksta-podešavanje: 100%; / * 2 * / -Webkit-veličine teksta-podešavanje: 100%; / * 2 * /) / * Odjeljci \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d * / ** * Dodajte tačan prikaz u IE 9-. * / Člana, Osim, podnožje, zaglavlje, Nav, točki (display: block;) / ** * Ispravite veličinu fonta i margine on` H1` elemenata u `Section` i *` article` conefox u Chrome, Safari, i Safari. * / H1 (font-size: 2em; margin: 0.67em 0;) / * grupiranje sadržaja \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d * / / ** * Dodajte tačan prikaz u IE 9-. * 1. Dodajte tačan prikaz u IE. * / Figcapcija, slika, glavna (/ * 1 * / displej: blok;) / ** * Dodajte ispravnu maržu u IE 8. * / figura (margina: 1Em 40px;) / ** * 1. Dodajte ispravnu kutiju Veličine u Firefoxu. * 2. Pokažite preliv u ivici i tj. * / Hr (box-dimenzioniranje: kutija za sadržaj; / * 1 * / visina: 0; / * 1 * / preliv: vidljivo; / * 2 * /) / ** * 1. Ispravite nasljeđivanje i skaliranje veličine fonta U svim preglednicima. * 2. Ispravite čudstveni "EM` font veličine u svim pretraživačima. * / Pre (porodica font: monopace, monospace; / * 1 * / veličina fonta: 1em; / * 2 * /) / * semanticks nivoa teksta \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d * / / ** * 1. Uklonite sivoj pozadini na aktivne veze u Ie 10. * 2. Uklonite praznine u veze Podvučeno u IOS 8+ i Safari 8+. * / A (Boja pozadine: transparent; / * 1 * / -webkit-text-ukras-skip: Objekti; / * 2 * /) / ** * 1. Uklonite donji granice na Chrome 57- i Firefox 39- . * 2. Dodajte ispravnu dekoraciju teksta u hromiranju, ivici, tj. Operi i Safari. * / ABBR (granično dno: nijedno; / * 1 * / Dekoracija teksta: podvlačenje; / * 2 * / dekoracija teksta: podvucite isprekidani; / * 2 * /) / ** * Sprečite dupliciranu primjenu `Bolder `Po sljedećem pravilu u Safariju 6. * / b, jak (težina fonta: nasljeđivanje;) / ** * Dodajte ispravnu težinu fonta u hromirani, ivici i safari. * / B, jak (težina fonta: hrabriji;) / ** * 1. Ispravite nasljeđivanje i skaliranje veličine fonta u svim pretraživačima. * 2. Ispravite čudstveni "EM` font veličine u svim pretraživačima. * / Kod, KBD, Samp (porodica font: monopace, monopace; / * 1 * / veličina fonta: 1em; / * 2 * /) / ** * Dodajte ispravan stil fonta na Androidu 4.3-. * / DFN (stil fonta: italic;) / ** * Dodajte ispravnu pozadinu i boju u IE 9-. * / Oznaka (boja pozadine: # FF0; boja: # 000;) / ** * Dodajte ispravnu veličinu fonta u svim pretraživačima. * / Mali (Veličina fonta: 80%;) / ** * Sprečite `podfe" i` sup` elemente da utiču na visinu linije u * svim pretraživačima. * / Sub, sup (veličina fonta: 75%; visina linije: 0; Pozicija: relativna; vertikalno-poravnanje: osnovna linija;) sub (odozdo: -0.25em;) sup (vrh: -0.53EM;) / * Embedded SADRŽAJ \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d * / ** * Dodajte Pravilan prikaz u IE 9-. * / Audio, video (prikaz: Inline-Block;) / ** * Dodajte tačan ekran u iOS 4-7. * / Audio: ne () (prikaz: nema; visina: 0;) / ** * Uklonite granicu na slikama unutar veza u IE 10-. * / Img (pogranični stil: nema;) / ** * Sakrij preliv u IE. * / SVG: Ne (: root) (preliv: skriven;) / * obrasci \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d * / ** * Uklonite margina U Firefoxu i Safariju. * / Dugme, ulaz, optgroup, odaberite, TextArea (margina: 0;) / ** * Pokažite preliv u IE. * 1. Pokažite preliv u ivici. * / Button, ulaz (/ * 1 * / preljev: vidljiv;) / ** * Uklonite baština Tekst Transform u Edge, Firefox i IE. * 1. Uklonite nasljeđivanje teksta Transformacija u Firefoxu. * / Tipku, odaberite (/ * 1 * / TEXT-transformacija: nijedna;) / ** * 1. Sprečite WebKit grešku u kojoj (2) uništava izvorne `audio` i` video` * kontrole u Androidu 4. * 2. Ispravite nemogućnost stila tipa kliknuti u IOS i Safari. * / Button, HTML, / * 1 * /, (-WebKit-Izgled: Button; / * 2 * /) / ** * Remove The Inner granice i dodatna oprema u Firefoxu. * / Button :: - MOZ-FOCUS-INNER, :: - Moz-FOCUS-INNER, :: - Moz-FOCUS-INNER, :: - Moz-FOCUS-INNER (BORDER-style: none; Postava: 0;) / ** * Vratite stilove fokusa koji ne postavlja prethodnim pravilom. * / Tipka: -moz-focusring,: -moz-focusring ,: -moz-focusring ,: -moz-focusring (Outline: 1px Dotted ButtonText;) / ** * 1. Ispravite Prelom teksta U Edge and Internet Explorera. * 2. Ispravite nasljeđivanje boje iz elemenata `Fellesset` u IE. * 3. Uklonite obloge tako da programeri nisu uvodni kada nuli * `elemente terenskog terena u svim pretraživačima. * / Legenda (vezanje kutije: pogranični okvir; / \u200b\u200b* 1 * / boja: nasljeđivanje; / * 2 * / zaslon: tablica; / * 1 * / maks-širina: 100%; / * 1 * / obloga: 0 ; / * 3 * / bijelo-prostor: normalno; / * 1 * /) / ** * 1. Dodajte tačan prikaz u IE 9-. * 2. Dodajte ispravno vertikalno poravnanje u Chrome, Firefox i Opera. * / Napredak (prikaz: Inline-Block; / * 1 * / Vertikalno-poravnanje: osnovna linija; / * 2 * /) / ** * Uklonite zadanu vertikalnu traku za pomicanje u IE. * / Textarea (preliv: Automatski;) / ** * 1. Dodajte ispravnu kutiju veličine u IE 10-. * 2. Uklonite obloga u IE 10-. * /, (Vezanje kutije: pogranična kutija; / * 1 * / obloga: 0; / * 2 * /) / ** * Ispravite stil kursora povećanje i tastera za dekretaciju u hromu. * / :: - WebKit-Inner-spin-Button, :: - WebKit-Outer-spin-Button (Visina: auto;) / ** * 1. Ispravno The Odd Izgled u Chrome i Safari. * 2. Ispravite obrisni stil u Safariju. * / (-Webkit-izgled: Textfield; / * 1 * / outline-offset: -2px; / * 2 * /) / ** * Uklonite tastere unutrašnjeg obloga i otkažite u Chromeu i Safari na MacOsu. * / :: - WebKit-search-Odustani-Button, :: - WebKit-Search-dekoracija (-WebKit-Izgled: none;) / ** * 1. Ispravite Nemogućnost Style Clickable vrste u Ios i Safari. * 2. Promijenite svojstva fonta na` Intretit` u Safariju. * / :: - tipka WebKit-File-uploader (-webkit-izgled: tipka; / * 1 * / font: nasljeđivanje; / * 2 * /) / * interaktivno \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d * / / * * Dodajte tačan prikaz u IE 9-. * 1. Dodajte tačan prikaz u ivici, tj. I Firefoxu. * / Detalji, / * 1 * / meni (prikaz: blok;) / * * Dodajte tačan ekran u svim pretraživačima. * / Pregled (Display: List stavka;) / * skriptiranje \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d \u003d\u003d \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d * / ** * Dodajte Pravilan prikaz u IE devetogodišnje. * / Platno (displej: inline-blok;) / ** * Dodajte tačan prikaz u IE. * / Predložak (display: none;) / * skriveno \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d \u003d \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d * / / ** * Dodajte Pravilan prikaz u IE 10 -. * / (Displej: nijedan;)

Resetiranje preko univerzalnog selektora * (zvezdica)

Na prvi pogled, ovo se može činiti najjednostavnijim i jednostavnim rješenjem, zašto opisati sve HTML predmete i dodijeliti im ih kada možete koristiti selektor *, jer se njegova akcija odnosi na sve HTML.

* (Margina: 0; obloga: 0;)

Ali nažalost, ovo nije dobra praksa. Preglednik je vrlo težak (potrebno je puno vremena u odnosu na druge procedure resetiranja CSS) Primjena pravila u svaki element u dokumentu, posebno na velikim web stranicama, a može uništiti i mnoge dobre zadane stilove.

Resetiranje stila i WordPress

Ako želite koristiti jedan od gore opisanih CSS stilova resetiranja metoda za web mjesto na WordPress-u, može se učiniti na dva načina.

Prvo je da trebate kopirati kôd za resetiranje na početak datoteke Style.css wordpress teme (Nakon linija autorstva i tema naslova, odnosno nakon teksta uokvirenog frakcijom i zvjezdicom / * ... * /.

S izuzetkom javnih porodica I i Opera.

Budući da, tj. Nedostatak podrške može izazvati problem, evo nekih načina za resetiranje nekih CSS svojstava na njihovim početnim vrijednostima:

Resetiranje-ovo (animacija: nijedna kašnjenja: 0; animacija-smjer: normalno; animacija - trajanje: 0; animacija-puni-mod: none; animacija-iteracija-counting: 1; animacija-naziv: none; animacija -State: trčanje; funkcija animacije: Lako; Pozadina: 0; Pozadina-prilog: Pomicanje; Pozadina-Clip: Prozirna; Pozadina-slika: Nema; -Origin: box-box; pozadina: 0 0; pozadina-pozicija-x: 0; pozadina-pozicija-y: 0; Ponovna pozicija: Ponovite: Ponovite; Pozadina: Auto Automatski; Granice: 0; : Nijedna; širina granice: srednja; granična boja: nasljedstvo; granično dno: 0; borovnica-boja: nasljedstvo; pogranično-lijevo-radijus: 0; graničnik Donji stil: nijedan; širina granice - srednja; granična kolapsa: odvojena; granična slika: nijedna; granica-lijevo: 0; granična lijeva boja: nasljeđivanje; granično-lijevo - lijeva širina: srednja; granica-r Adius: 0; Granica desno: 0; Boja granične desne boje: nasljeđivanje; Pogranično pravo na stil: nema; Granica desna širina: srednja; Razmak između granice: 0; Granični top: 0; Granična boja: nasljeđivanje; Granični-top-lijevo-polumjer: 0; Granični-top desni - radijus: 0; Granični vrhunski stil: nema; Granična širina: srednja; Dno: Auto; Box-Shadow: Nema; Veličina kutije: kutija za sadržaj; Strana natpisu: vrh; Clear: Nema; Clip: Auto; Boja: nasljeđivanje; Stupci: Auto; Broj kolona: Auto; Stupac-Fill: Bilans; Stupac-Gap: Normalno; Stupac-pravilo: Medijsko nema tendercolor; Kolona-pravila - boja: teencolor; Stupac-pravilo-stil: nema; Stupac-pravila-širina: Nema; Stupac-raspon: 1; Širina stupca: Auto; Sadržaj: Normalno; Povećanje brojača: Nema; Poništavanje brojača: Nema; Kursor: Automatski; Smjer: ltr; Prikaz: Inline; Prazne ćelije: Prikaži; Plovak: nema; font: normalno; Porodica fonta: nasljedstvo; Veličina fonta: srednja; FONT-STIL: NORMAL; Varijanta fonta: normalno; Težina fonta: Normalno; Visina: Auto; Cymhens: Nema; Lijevo: Auto; Razmak slova: Normalno; Visina linije: normalno; Stil liste: Nema; Lista-slika-slika: nijedno; Pozicija u stilu: vani; Lista u stilu: disk; margina: 0; Dno marže: 0; Margin-Left: 0; Marža - desno: 0; margin-top: 0; Max-visina: nema; Širina maks.: Nema; Min-visina: 0; Min-širina: 0; Neprozirnost: 1; Siročadi: 0; Okvir: 0; Outline-boja: Invert; Outline-Style: Nema; Outline-širina: srednja; Preliv: vidljiv; OVERFLOW-X: Vidljiv; OVERFLOW-Y: vidljivo; Padding: 0; Dno obloga: 0; Padding-lijevo: 0; Podloge - desno: 0; Padding-Top: 0; Page - prekida: auto; Page - prije prekida: Auto; Page - prekid: Automatski; Perspektiva: Nema; Perspektivni porijeklo: 50% 50%; Pozicija: statički; / * Možda će trebati mijenjati citate za različite lokalitete (npr. FR) * / citati: "\\ 201c" "\\ 201d" "\\ 2018" "\\ 2019"; Desno: Auto; Veličina kartice: 8; Izgled stola: Automatski; Poravnavanje teksta: nasljeđivanje; Tekst-Poravnavanje-Last: Automatski; Dekoracija teksta: Nema; Tekst-ukrašavanje boje: nasljeđivanje; Tekstualni dekoracija-linija: Nema; Tekst-ukras stil: čvrsta; Tekst-uvlaka: 0; Tekst-senka: Nema; Tekst-transformacija: nema; Vrh: Automatski; Transformacija: Nema; Transformatorski stil: stan; Tranzicija: Nema; Tranzicija-kašnjenje: 0s; Trajanje tranzicije: 0s; Tranzicija-nekretnina: nijedna; Tranzicija-vremenska funkcija: lakoća; Unicode-Bidi: Normalno; Vertikalno poravnavanje: osnovna linija; Vidljivost: vidljiva; Bijelo-prostor: normalno; Udovice: 0; Širina: auto; Razmak između riječi: normalno; Z-Index: Auto; / * Osnovni moderni zakrpa * / sve: početno; Sve: Neintset; ) / * Osnovni moderni zakrpa * / # resetiranje-ovaj korijen (sve: početno; * (sve: nespon;)))

  • Relevantan GitHub Repo sa decembar 2017. Više uvjerljivim popisom

Kao što je spomenuto u korisničkim komentarima @ User566245:

to je u principu istina, ali pojedina kilometraža može se razlikovati. Na primjer, neki elementi, poput Textarea prema zadanim postavkama, imaju granicu pomoću ovog resetiranja, oni će smanjiti granicu teksta.

Kupljeno kako bi postao moderna norma, korisnik Joost

# Resetiranje-ovaj roditelj (sve: početno; * (sve: nespon;))))

Primjer iz W3.

Ovo može biti korisno za korijenski element "widgeta" uključen na stranicu koja ne želi naslijediti stilove vanjske stranice. Imajte na umu da bilo koji zadani stil koji se koristi za ovaj element (na primjer, na primjer: prikaz: blok iz tablice UA stilova na blok elementima, na primjer, bit će i izbrisani.

Niko nije razmišljao o drugom, osim CSS-a, za resetiranje CSS-a? Da?

Postoji tako hitna korisnost:

getelementsbytagname ("*") će vratiti sve elemente iz Doma. Tada možete postaviti stilove za svaki element u kolekciji:

Var-allements \u003d dokument.gerentmentbytagname ("*"); za (var i \u003d 0, len \u003d odbrane.length; i< len; i++) { var element = allElements[i]; // element.style.border = ... }

Sa svim tim se kaže; Ne mislim da je CSS resetiranje nešto izvedeno ako ne završimo sa samo jednim web pretraživačem. Ako je "pretraživač" postavljen "prema zadanim postavkama" na kraju.

Za usporedbu Ovdje je popis Firefox 40.0 vrijednosti za

Gde se font stil: Osique Run Dom Rad.

Poravnajte sadržaj: nesetse; Poravnajte stavke: Nesetse; Poravnajte sebe: Neinsetset; Animacija: nespor; Izgled: Unset; Povratak-vidljivost: nestente; Režim pozadinske mjere: nestente; Pozadina: Nesetse; vezivanje: nerese; Veličina bloka: neset; Granični blok-kraj: nestente; Počnite granični blok: nerese; Burder-Collapse: Nesetse; Granični-inline-end: nesetse; Granični inline-start: nestente; Bordij-radijus: nestente; Razmak između granice: nerespon; Granica: nerese; Dno: nestente; Box-Poravnavanje: Nesetse; Box-ukras-pauza: nereset; Kutija - smjer: Nesetset; BOX-FLEX: Nesetset; Box-ordinal-grupa: nerese; Box-Orient: Nesetset; Kutija-pakovanje: nestente; Box-Shadow: Nesetset; Veličina kutije: Neinset; Strana natpisu: neset; Clear: nestente; Clip-staza: neset; Clip-pravilo: nesteče; Klip: unset; Podešavanje boje: Nesetset; Boja interpolacije-filteri: nestente; Boja interpolacije: neseset; Boja: neseset; Stupac-Fill: Nesetset; Stupac-Gap: Nesetset; Stupac-pravilo: nestente; Stupci: neset; Sadržaj: Nesetse; Vidljivost kontrole - vidljivost: nesets; Povećanje brojača: nesteče; Poništavanje kontra resetiranja: nestente; Kursor: Neset; Ekran: Nesetse; Dominantna-osnovna linija: Nesetset; Prazne ćelije: nestente; Populacija neprozirnosti: nestente; Ispunite pravilo: nestente; Ispunite: nerese; Filter: Nesetse; Flex-protok: nestet; FLEX: nestente; Plov-rub: nespon; Plutaju: nerese; Boja poplave: neset; Poplava - neprozirnost: nespor; Porodica fontova: Unset; Podešavanja funkcije fonta: nestente; Font-Kerning: Unset; Prevladavanje fonta-jezika: nestente; Veličina fonta - podešavanje: Nesetset; Veličina fonta: nestet; Font-Stretch: Nesetset; Stil fonta: kosi; Sinteza fonta: nestente; Provizija fonta: neset; Težina fonta: nestente; font :; Prekinuta ikona razbijene slike: Nesetset; Visina: Nesetse; Cymhens: Nesetse; Orijentacija slike: neseset; Image-Regija: Nesetse; prikazivanje slike: nestente; IME-MODE: Unset; Veličina inline: nestente; Izolacija: nestente; Opravdajte sadržaj: Nesetset; Opravdajte-artikli: nestente; Opravdavati sebe: nespor; Lijevo: Nesetse; Razmak slova: neset; Boja osvjetljenja: nestente; Linija-Visina: Nesetse; Stil liste: nespor; Margin-Block-End: Nesetset; Margin-Block-Start: Unsetset; margin-inline-end: unsetset; Margin-Inline-Start: Nesetset; Marža: Nesetse; Offset marker: neset; marker: nereset; Tip maske: neset; Maska: neseset; Maksimalna veličina bloka: nesetset; Maks. Visina: Nesetse; Maks-inline-veličina: unsetset; Maksimalna širina: nestente; Min-Blocks-Veličina: neset; Min-visina: nespor; Min-Inline-Veličina: Nesetset; Min-širina: nestente; Mjex-Blend-Mode: nestet; Objekt-fit: nestet; Pozicija u objektu: nespon; Offset-bloc-end: nesetset; Offset-Block-Start: Unsetset; offset-inline-end: nesetset; Offset-inline-start: unsetset; Neprozirnost: nesede; Narudžba: nerese; Orijent: Neosetset; Office-offset: nestente; Outline-polumjerski: Nesetse; Okvir: Nesetse; Preliv: Neosetset; Padding-Block-End: Nesetset; Padding-Block-Start: Unsetset; Padding-inline-end: nesetse; Padding-Inline-Start: Unset; Padding: Neset; Page - prekid: Nesetset; Page-prije prekida: nesetse; Page - provajanje: nerese; Nalog za lakiranje: neseset; Perspektivni porijeklo: Nesetse; Perspektiva: Unset; Pointer-Događaji: Unset; Pozicija: Unset; Citati: Neosetset; Promijenite veličinu: Unset; Desno: Nesetse; Ruby-Poravnavanje: Nesetse; Ruby Pozicija: Neinset; Ponašanje pomicanja: nesteče; Pomicanje-kombinirajte: Unsetset; Snaga-Snap-Destination: Nesetset; Scroll-Snap-bodove-X: Neintset; Scroll-Snap-bodove-y: nestente; Snaga skrola: Snaga: Nesetset; Rederiranje oblika: nespor; Siksiranje snopa: neset; Stop-Color: Nesetset; Stop-neproziritelji: neset; Hod-dasharray: nestente; Hod-dashoffset: nestente; Hod-linecap: nestente; Stroke-LineJoin: Nesetse; Hod-miterlimit: nestente; Štroke-neprozirnost: Nesetset; Širina hoda: Unsetset; Moždani udar: neset; Veličina kartice: neset; Stolni izgled: nestente; Poravnavanje teksta: Posljednje: nerese; Poravnavanje teksta: Neoznačite; Tekst-sidro: Nesetset; Tekst-kombiniranje-uspravno: nesteče; Tekst-ukras: neset; Tekst-naglasak-pozicija: nestente; Tekst-naglasak: nespor; Tekst-uvlaka: Nesetset; Tekstualna orijentacija: Nesetse; Tekst-preliv: Neinset; Rederiranje teksta: nestente; Tekst-sjena: neset; Podešavanje teksta - podešavanje: Nesetset; Tekst-transformacija: nestente; Vrh: Nesetset; Transformatorsko porijeklo: nerese; Transformatorski stil: neset; Transformacija: Nesetse; Tranzicija: Neinset; Korisnički fokus: Nesetset; Korisnički unos: Unset; Korisnik-modifikovan: nestente; Korisnik-Odaberite: nestet; Vector-Effect: Nesetset; Vertikalno poravnavanje: nesporni; Vidljivost: nesporni; Bijelo-prostor: neset; Širina: Neosetset; Promjena će: nestati; Prevlačenje prozora: nereset; Break reč: neseset; Razmak između reči: neset; Word-Wrap: Nesetset; Način pisanja: Neinset; Z-indeks: nerese;

Mnogi vevermenti koriste se tzv Resetiranje CSS-a.Posluživanje za uklanjanje karakteristika različitih preglednika. Zapravo, ova datoteka Styles resetira sve CSS zadane nekretnine. U ovom ću članku pokazati kodeks ove datoteke i reći vrijedno je koristiti CSS resetiranje ili ne.

Vidio sam mnogo različitih Resetiranje CSS-a.Svi su otprilike isti. Možete koristiti ovo:

Html, tijelo, div, span, applet, objekt, iframe,
H1, H2, H3, H4, H5, H6, P, Blockquote, pre,
A, ABBR, akronim, adresa, velika, cite, kod,
Del, dfn, em, font, img, ins, kbd, q, s, samp,
Mali, štrajk, jak, sub, sup, tt, var,
B, u, i, centar,
DL, DT, dd, ol, ul, li,
Zemlja, oblik, oznaka, legenda,
Stol, opis, tbod, tfoot, thead, tr, th, td (
Pozadina: prozirna;
Granica: 0;
Veličina fonta: 100%;
margina: 0;
Okvir: 0;
Padding: 0;
Vertikalno poravnavanje: osnovna linija;
}
Tijelo (
Visina linije: 1;
}
Ol, ul (
Stil liste: Nema;
}
Blockquote, Q (
Citati: Nema;
}
Blockquote: Prije, Blockquote: nakon,
P: Prije, P: nakon (
Sadržaj: "";
Sadržaj: Nema;
}
: fokus (
Okvir: 0;
}
Tablica (
Granični kolaps: kolaps;
Razmak između granice: 0;
}

Mislim da je njegova upotreba zbog toga i tako razumljiva, ali zašto, na primjer, ne koristim, kao i mnogi drugi vertikeri, vrijedi reći o tome. Prvo jeste dodatna datoteka, Drugo, razumevanje Za obradu, ali najvažnije - sviđa mi se zadana svojstva. Na primjer, ista polja za stolom. Uostalom, sva zadana svojstva nisu se baš tako sviđala, već kao i najviše optimalna opcija Prikaz raznih elemenata. Uvjeravam vas, resetirajte padding. Stanice tablice, najvjerovatnije, vratit ćete ga u glavnu datoteku. I daleko od činjenice da će se vrijednost razlikovati od onoga što je bilo zadano. Dakle, ispada da ga prvo čistimo, a zatim isti povratak. A zajedno sa prvim nedostacima (dodatna datoteka i dodatni kod), mnogi veverleri se uopće ne koriste. Resetiranje CSS-a..

Ionako, korištenje stilskog pražnjenja nije loše, Znači, možete sigurno koristiti ako mislite da će vam pojednostavljenje prilagodbe web lokacije pod različitim preglednicima zaista pojednostaviti u cjelini.

  • Transfer

Ovaj je članak prvi od ciklusa na temu pripisa CSS-a. Danas ćemo pogledati tehnologiju Resetiranje CSS-a..

Zašto vam treba?

Svaki pretraživač postavlja svoje zadane stilove za razne HTML elemente. Uz pomoć CSS resetiranja, možemo izjednačiti ovu razliku kako bismo osigurali stilove Cross pretraživača.

Na primjer, koristite predmet sVEDOK JOVANOVIĆ - ODGOVOR: U vašem dokumentu. Većina preglednika poput Internet Explorer. i Firefox Dodaj vezu plava boja i oštar. Međutim, zamislite da je za pet godina neko odlučio stvoriti novi pretraživač (nazovimo ga ultrabrowser). Programeri pretraživača nisu voleli plavu i nervirani naglasak, pa su odlučili izdvajati veze crvena i bold font. Zasnovan je na tome ako postavite osnovnu vrijednost stilova za stavku sVEDOK JOVANOVIĆ - ODGOVOR:, Garantovat će se kao što želite vidjeti, a ne kao što je preferirano za prikaz programera ultrabrowsera.

Ali sada nemamo uvlake, uključujući između pojedinih odlomka! Šta učiniti? Ne lažite i ne bojte se: ispod našeg pražnjenja opisujemo pravilo koje nam treba. Učiniti da se to može učiniti različiti putevi: Navedite uvlačenje odozdo ili na vrh odlomka, navedite ga u procentima, pikselima ili u em.

Najvažnija stvar, preglednik sada igra prema našim pravilima, a ne mi prema njemu. Odlučio sam na ovaj način napraviti:

* (Margina: 0; obloga: 0;) p (margina: 5px 0 10px 0;)

Kao rezultat toga, imali smo ono što se moglo vidjeti u trećem primjeru.

Možete kreirati vlastite stilove za resetiranje, ako riješite određeni zadatak u svom projektu. Uprkos tome, nema korak po korak liderstvo Stvaranjem vlastitih CSS resetiranja. Preporučite vlastitim principima i vlastitim stilom.

Da bismo vam pomogli da napravite izbor, dat ću još par veze:

  1. Manje je više - moj izbor resetiranja CSS (ED Elliot).

2. Vaše CSS resetiranje je prvo što je pregled pregledača

Poništite stilove nakon instaliranja vlastitih stilova za stavke je pogrešan pristup. U ovom slučaju ništa dobro čekati za prikaz pretraživača. Zapamtite da prvo uvijek povežite CSS resetiranje, a zatim sve ostale stilove.

Da, razumijem da je to smiješno, ali ovo je jedna od glavnih grešaka programera iz Male do velike. Mnogi zaboravljaju na to.

Neki mogu postaviti logično pitanje: zašto se događa? Odgovor je jednostavan: pravila zabilježena ispod teksta CSS datoteke (pa čak i niži po njihovoj vezi u dokumentu), prebrisati pravila koja su ranije deklarirana.

Nemojmo se kretati vrlo od teme i nastaviti. Primijenite Eric Meyer Styles na naš primjer, ali poslije Opisi naših imanja, kao što je prikazano u 4 primjera. Matematika bi rekla sljedeće: "Šta je bilo potrebno da dokaže."

3. Koristite zasebni CSS dokument za resetiranje CSS-a

Moram (ne, nisu me prisiljavali) da spominjem ovaj savjet. Korištenje zasebne datoteke za CSS resetiranje je uobičajena praksa koju veliki broj podrške programera.

U stvari, pridržavam se položaju stvaranja jedna velika CSS datoteka Zbog veće performanse ovog pristupa. Ali B. ovaj problem Sklona sam se slažem s najviše: CSS resetiranje treba uzimati u zasebnu datoteku (obično se nazivaju resetiranje.css). U ovom slučaju možete ga koristiti u različitim projektima, a da se ne potrudite za podružbu iz drugih CSS pravila.

4. Pokušajte izbjeći korištenje univerzalnog selektora

Uprkos činjenici da ovaj koncept funkcionira, njegova primjena najčešće nije poželjna zbog nekompatibilnosti s nekim preglednicima (na primjer, ovaj selektor ne ostale obrađen u Internet Exploreru). Trebali biste koristiti ovu tehniku \u200b\u200bsamo za jednostavne, male, statičke i predvidljive stranice (ako to već morate učiniti).

Ovaj savjet je posebno važan kada razvijate rješenja poput CMS tema. Ne možete unapred predvidjeti kako će se koristiti i kako će biti izmijenjena. Bolje je opisati temeljna CSS pravila za sve stavke nego koristiti za ovaj nepredvidiv (čak i manji svezak) mehanizam univerzalnih selektora.

5. Izbjegavajte suvišne svojstva kada koristite CSS resetirajte

Drugi razlog zašto ne volim zasebnu datoteku za CSS resetiranje je potencijalno višak naknadnih deklaracija o Svojstvu CSS-a. Ponavljanje pojedinaca vaših stilova među cijelim setom CSS datoteka je pokretni i treba ih izbjegavati. Naravno, ponekad smo previše lijeni da bismo pratili stil stilova i kombiniramo neke od njih, ali barem pokušaj!

Vratimo se na CSS resetiranje s Eric-a. Postavlja zadane vrijednosti za liniju visinu, boju i pozadinu telo. Na sledeći način:

Tijelo (visina linije: 1; boja: crna; pozadina: bijela;)

Pretpostavimo da već znate kako će element izgledati telo.:
  1. boja pozadine: #cccccc;
  2. boja: # 996633;
  3. Želite horizontalno da ponovite određenu pozadinu.

U ovom slučaju ne treba stvarati novi selektor za opisivanje svojih svojstava - jednostavno ih možete omogućiti u CSS resetiranju. Učinimo to:

Tijelo (visina linije: 1; boja: # 996633; pozadina: #ccc url (popločani-image.gif) ponoviti-x gornji lijevi;)

Ne bojte se modificirati sam Resetiranje. Podesite ga za sebe, učinite da radite na sebi. Promjena, obnovite, uklonite i dodajte ga kao što vam treba u vašem konkretnom slučaju.

Eric Meyer rekao je o ovome: "To nije slučaj kada bi svi trebali koristiti CSS resetirati bez promjena."

Slični članci