Nabízím kvalitní řešení, které vám padne.

Jak připojit CSS - metoda A - Styly uvnitř kódu

V minulém článku jsme si stručně ukázaly 4 metody aplikace CSS na dokumenty. Dnes si probereme hned první metodu, a to styly uvnitř kódu.

Styly uvnitř kódu

<a href="index.php" title="Odkaz na úvod" style="color: #666; text-decoration: none;">Úvod</a>

Asi každý z vás, když začínal tvořit internetové stránky, aplikoval CSS na své stránky touto metodou. Atribut style lze aplikovat málem na všechny prvky. Velice důležité je vědět, že styly použité touto metodou ruší pro daný prvek všechny deklarace v externích seznamech i deklarace v prvku <style> v hlavičce.

Výhody

  1. Jednoduchá aplikace pro stylizování dočasných prvků. Například když vyhlašujete na stránkách nějakou akci o které víte, že bude platit třeba jen týden, je použití stylů přímo v kódu na místě.
  2. Při testování vzhledu vaší stránky může být modifikace pravidel přímo v dokumentu rychlejší.

Nevýhody

  1. Pokud na stránkách používáme aplikaci CSS přímo v kódu, neoddělujeme od sebe obsah od vzhledu. Pokud bychom chtěli upravovat vzhled, museli by jsme sáhnout přímo do kódu. Ale když oddělíme CSS do zvláštního souboru, usnadňujeme si případnou údržbu.
  2. Příčinou nadměrného používání této metody je nabalování kódu. Představme si že máme starý prohlíč, který nedokáže pracovat s CSS a my mu zbytečně posíláme hromadu kódu, kterou nepochopí. Asi nic moc, viďte. Když vydržíte až do konce tohoto cyklu, ukážeme si metodu, která předá CSS styly pouze prohlížeči, který je dokáže spracovat.
  3. Budeme-li používat tyto styly na celém webovém serveru, jejich případná úprava bude velmi složitá.
  4. Pokud si budeme stránky prohlížet staršími prohlížeči (např. verze 4.x prohlížečů Netscape a IE), nemusejí pochopit moderní styly o rozvržení a pozici stránky a z pěkných stránek nám může vzniknout naprostý "guláš".

Shrnutí

Pokud to vážně nevyžaduje situace, snažte se styly CSS ukládat do externího souboru. V budoucnu to oceníte především díky snadnější práci při modifikaci vzhledu, přičemž nebudete muset vůbec strkat nos do kódu. A jak sami uvidíte v následujících článcích, existují lepší metody jak připojit CSS k dokumentu. Ale to až zase přístě...

16.7.2005