Co je nutné vědět o CSS – 2. díl

V tomto článku se více zaměříme na CSS a přiblížíme si jeho hlavní výhody, ale i nějakou tu nevýhodu kaskádových stylů …

Výhody CSS

CSS má v dnešním programovacím světě velký význam. Pojďme si přiblížit jeho základní výhody, které má oproti HTML:

• Oddělení struktury a stylu: Při psaní kódu oceníte možnost oddělení struktury obsahu a formátování. S uspořádání struktury a stylu jsou u HTML problémy, což je dáno tím, že se HTML postupem času stal nepřehledným. A jaké jsou výhody oddělení struktury a formátování? Je to především to, že obsah i vzhled mohou tvořit různí lidé. Obsah budete moci prezentovat v různých variantách formátování, stylové předpisy snadno změníte atd.
• Konzistentní styl: CSS umožňuje snadnou tvorbu a údržbu konzistentního stylu. Jde o velmi klíčový aspekt ovlivňující ergonomii webu a celkovou grafickou kvalitu.
• Širší formátovací možnosti: Nespornou výhodou je, že CSS nabízí rozsáhlejší formátovací možnosti než HTML, např. je tady možnost ovlivnění barvy, kromě horizontálních čar, lze tvořit i vertikální čáry, pro odrážky můžete použít libovolné obrátky, sílu písma je možné nastavit až v devíti stupních atd. Možnosti oceníte i při formování bloků textu.
• Formování HML dokumentů: Díky CSS lze dokumenty XML prohlédnou jednoduchou cestou a takovým způsobem, že to pro uživatele bude přehledné. Toho je možné docílit i v moderních prohlížečích bez CSS, ale jde o technicky náročnou věc.
• Vyšší přístupnost dokumentů: Tato výhoda úzce souvisí s oddělením struktury a stylu. Dochází tím totiž je zjednodušování kódu dokumentu v jazyce HTML. Norma CSS bere také v potaz různé typy zobrazovacích médií.To zjednodušuje tvorbu alternativních verzí dokumentu.
• Dynamická práce se styly: S CSS můžete tvořit různé dynamické efekty na stránkách.

Nevýhody CSS

Nevýhodou CSS je, že je zde často nedostatečná podpora prohlížeči, zvláště těmi zastaralými. Objevují se tu chyby v implementaci a jsou problém s napsáním kódu. Rizika neúspěchu minimalizujete, když budete používat nové verze prohlížečů. Ty už problémy s CSS nemívají.

Strategie CSS

CSS můžete využit různými způsoby. Nejčastěji se možné využití dělí na tři strategie, a to podle toho, do jaké míry je při realizaci CSS používáno. Nyní si tyto tři způsoby přiblížíme:

• Obohacování formátových možností: V současné době je tato strategie nejvíce oblíbená. Při ní se programuje klasicky v HTML s tím rozdílem, že se používá programovací jazyk CSS jen jako doplněk tam, kde si HTML nevystačí, což je např. v barevném provedení, při stylování formulářových prvků atd. Tohoto řešení většinou využívají především komerční webové stránky. Strategie je vhodná pro ty, kteří se s CSS teprve učí. Můžete tak postupně podle vašich schopností a zkušeností přecházet ke strategiím dalším. Výhodou je, že zde není problém v zobrazování u nejrozšířenějších prohlížečů. Bohužel ale častým rizikem je nevalidnost těchto stránek a může i docházet ke špatnému zobrazení. Tato strategie také zpomaluje načítání webových stránek.
• Formátování v CSS kromě rozmístění prvků: Díky této strategii můžete efektivně využívat přednosti CSS. Oceníte také fakt, že většinou nedochází ke vnořování tabulek. I když někdy se tomu nevyhnete. Většinou je zdrojový kód této strategie validní. Díky této strategii je délka zdrojové kódu HTML kratší, přehlednější a strukturovanější. Pro využívání této strategie je už nutné znát velmi dobře CSS. Nevýhodu je, že lze jen z malé části měnit rozmístění a zobrazení prvků.
• Celé formátování v CSS: Máte-li výborné znalosti CSS, nic vám nebrání využít této strategie. Před návrhem stylových předpisů si důkladně rozmyslete, které prohlížeče budete chtít podporovat. Tomu pak přizpůsobíte samotný kód.

To, jakou strategii si nakonec vyberete, záleží na vás a na vaší schopnosti práce v CSS.

Co je nutné vědět o CSS – 1. díl

Navigace pro příspěvek