Példák HTML és CSS - reset css
Visszaállítása CSS (reset stílusú) - a visszaállítás CSS segítségével bizonyos paramétereit HTML-elemeket, amelyek a böngésző az alapértelmezett beállítás. Például az ilyen elemek közé bekezdések (tag
), Aki eredetileg jelen nem nulla függőleges mező (CSS margin), felsorolás (tag
- ), Akik nemcsak a területen, hanem markerek egy bizonyos típusú (CSS list-style-type), és így tovább.
- Hogyan készítsünk egy honlapot
magát ingyenes - HTML bemutató
kezdőknek - CSS Tutorial
kezdőknek - Irodalom
HTML és CSS - példák
HTML és CSS - referenciák
Hasznos weboldalak webmestereknek - szerszámok
Programok a weboldalak létrehozására
Most gondoljon, amit a CSS reset tud adni nekünk? Nos, képzeljük el, hogy jelölje ki a webhely oldalain, és ez nem változik a területen bekezdések, a böngésző által kínált alapértelmezett, mivel méret Ön teljesen elégedett. De mondja, kérem, és miért úgy döntött, hogy a világ összes böngészők, amelyek már léteznek, és több jelenik meg, majd hozzon létre egy mezőt az azonos méretű? Sőt, miért gondolja, hogy ezek a böngészők, ahol tesztelték az elrendezés nem változik a jövőben változatban a mérete ezeken a területeken, vagy vajon nem tiszta? Úgy érzi, hogy mi a szaga?
Tehát, dobás CSS, webes tervezők csak fedezve ilyen zavart, azaz úgy, hogy először nullázni minden eleme a „kritikus” értékei CSS tulajdonságokat, majd szükség szerint adunk vissza, de a méretük. Így biztosak lehetünk abban, hogy minden böngészőben az oldalon ugyanúgy fog kinézni. Ez természetesen lehetséges, és nem dobja stílusok, hanem egyszerűen során elrendezést állítsa be a kívánt paramétereket az elemek, de fennáll annak a veszélye, hogy valahol valami elvész, és egy bizonyos ponton a „float”.
A fentiek alapján, a CSS visszaállítás funkció az, hogy használat után sok HTML-elemek elvesztik megszokott megjelenését. És ha golf veszteség fejezetek kezdőknek valami várható, olyasmi, mint az a tény, hogy a gombok használatával címkék
Módon lehet visszaállítani stílusok, sok, és mit fog választani - ez csak attól függ, van, de azt lehet mondani, egy dolog - a legjobb visszaállítása az egyik, hogy magunk hoztunk létre, tapasztalataik alapján és szokásokat. Ha egy ilyen élményt még nem, akkor használja a felkínált lehetőségek közül az alábbiakban.
Mindig adja stílusok CSS reset a kód elején, illetve egyes paraméterek miatt nem tud dolgozni a prioritásokat a stílusok. böngészők vannak telepítve feldolgozásával HTML-oldalak és CSS kódot.
Visszaállítása CSS az univerzális szelektor
Leírás példa
Ebben a példában az univerzális szelektor megadott stílusok vissza, ha az összes HTML-elemeket, amelyek jelen lesz az oldalon. Mint látható, a legtöbb ingatlan megadott a fedezeti, azok értékeit, és így összhangban vannak böngészők helyettesítheti az alapértelmezett szerinti CSS specifikáció. De mint tudjuk, a gyakorlatban ez nem így van, és ha a font-family tulajdonság valóban öröklött elemek szüleik minden főbb böngészők ugyanaz a külső területen megadott CSS margin tulajdonság nem mindig kezdetben nulla.
De a hatálya alá a méretek (CSS határ) és áramkörök (CSS vázlat) alapértelmezés szerint nem nulla, de a specifikáció szerint. Azonban a vastagság már nullázva coder nem szabad elfelejteni, hogy meghatározza azt kifejezetten, ahol szükség van rá.
Visszaállítása CSS Yahoo!
Leírás példa
Yahoo! Company időben fejlesztették a saját verzióját a reset stílusokat. Már tulajdonságainak módosítása konkrét elemeket, amelyek nagyobb rugalmasságot tesz lehetővé a menedzsment a megjelenésüket. Például, már eltávolították a listáról markerek, míg a címke - idézi a tulajdonság CSS tartalmat. Előnye ennek a megközelítésnek nyilvánvaló, de a hátránya is tulajdonítható nagyobb térfogatú és néha felesleges kódot. De semmi sem akadályozza meg, hogy módosítsa a Reset CSS, hogy illeszkedjen az Ön igényeinek. Például törölheti néhány felesleges szelektor akkor tag vagy egyszerűen eltávolítja az idézőjeleket, és azonnal kérje meg őket, a szükséges megjelenést.
CSS reset Eric Meyer
Leírás példa
Egy másik módja, hogy állítsa vissza a CSS által javasolt Eric Meyer (Eric Meyer) - ismert néhány webfejlesztő körökben. Itt van hozzá újraindítás stílusok tag a HTML 5, ami mellesleg idején írom ezt a cikket, és valami mást igen gyengén támogatott modern böngészőben. De mindig meg kell nézni, hogy a jövőben, nem igaz?
Tény, hogy ez a cikk is örökké, mert ismétlem még egyszer, egy bizonyos ponton, minden coder jön ő verzióját egy reset vagy nem használja egyáltalán, támaszkodva az ellátást.