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

Jak připojit CSS - metoda B - Vložený seznam stylů

Pokračujeme cestou po aplikaci CSS na dokument a tentokrát je na řadě další metoda vložený seznam stylů. Znovu srovnáme výhody a nevýhody a ukážeme si její správnou deklaraci.

Vložený seznam stylů

...
<head>
...
<style type="text/css">
<![CDATA [
body { font-family: Arial, sans-serif; }
] ]>
</style>
</head>

Tomuto způsobu se také jinak říká embedded style sheet. Prvek <style> musí být umístěn uvnitř <head> a může obsahovat libovolný počet pravidel CSS. Atribut type s hodnotou text/css říká prohlížeči jaký typ jazyka mu předáváme. Komentář CDATA nám umožňuje schovat CSS pravidla před staršými prohlížeči, které neumí s CSS pracovat.

Výhody

  1. Při testování vzhledu vaší stránky může být modifikace vzhledu přímo v dokumentu rychlejší.

Nevýhody

  1. I přes použití CDATA některé starší prohlížeče (např. Netscape 4.x a Internet Explorer 4.x) nemusí rozumět pokročilejším pravidlům o grafickém rozvržení a určením polohy. Toto komplikované CSS v prvcích <style> nemusí být pochopeno těmito prohlížeči a následně vznikne chaotické a nepoužitelé rozvržení stránek.
  2. Pokud bychom chtěli upravovat vzhled, museli bychom 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.
  3. Jednou velmi nepříznivou vlastností této metody je neukládání CSS do prohlížeče. Při každém nahrání stránky se musejí znovu stáhnout.

Shrnutí

Tuto metodu bych využil pouze při testování vzhledu stránky. Hned poté bych pravidla CSS aplikoval přes externí soubory. O těchto metodách si budeme povídat v dalších článcích.

16.7.2005