Resetování CSS
28. 12. 2007 / 18:09 — 303 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.
Napsat komentář