Resetování CSS

28. 12. 2007 / 18:09 — 693 shlédnutí
V kategorii layout

Kdysi dávno jsem zde psal článek o kaskádových stylech. Ke konci článku jsem ukazoval jednoduchý příklad resetování CSS stylů. Dnes se na tuto problematiku podíváme blíže a ukážeme si nevýhody předchozí rady.

Pokud vyresetujeme styly pomocí hvězdičky (tzn. určíme všem prvkům margin, padding i border), můžeme si připravit i spoustu problémů.

Zátěž počítače

Není to nějak drastický problém, ale u větších dokumentů si můžete povšimnout jisté časové prodlevy při zobrazování stránky s použitím resetování pomocí hvězdičky. Je těch nastavení pro PC prostě moc. Prvně všechno vyresetovat a poté znovu přestylovat.

Zbytečná práce navíc

U některých tagů reset stylu znamená akorát zbytečnou práci navíc. Budete muset odsazovat seznamy, formátovat paragrafy.

Hnusné formuláře

U formulářů je jeden problém. Pokud se jih dotkneme stylem, změní se z docela hezkých (stínovaných) tlačítek, checkboxů a políček na docela škaredé prvky, které by jako z oka vypadly prvkům z Windows 98. A to se přesně při resetu stane. Pokud nechceme přijít o docela pěkný vzhled formulářů, vůbec je nestylujme! Pokud chcete několik hodin věnovat stylování formulářů, klidně si vyresetujte celé CSS.

Řešení

Řešení je velmi jednoduché. Vyresetujte tagy výčtem a jenom ty, které vyresetovat chcete. Praxí zjistíte, kdy se vám reset hodí a u kterých prvků vás naopak štve. Zjistíte, že třeba vždy nastavujete obrázkům border: 0;, zahrňte to do svých pravidel. Ušetří to hodně času.

Sdílejte:

Podobné články

Napsat komentář