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

Jak připojit CSS - metoda D - Externí styly přes link

Na řadě je další metoda aplikace CSS na dokument, a to externí styly přes link. Ukážeme si jak se správně zapisuje samozřejmě nezapomeneme probrat její výhody a nevýhody.

Metoda D: externí styly přes link

...
<head>
...
<link rel="stylesheet" type="text/css" href="styl.css" />
...
</head>

Tato metoda demonstruje spojení s externím souborem CSS. Atribut href obsahuje relativní nebo absolutní cestu k souboru. Pokud tuto metodu používáme v XHTML, musí na konci prvku před ">" být umístěn "/", jelikož je <link> prázdným prvkem.

Výhody

  1. Díky tomu, že jsou CSS pravidla umístěna v externím souboru můžeme jednoduchou úpravou jednoho souboru změnit vzhled celého webového serveru.
  2. Externí seznamy stylů si prohlížeč uloží a u všech dalších stránek, kde se bude importovat stejný soubor, už nebude muset tyto styly stahovat. Ušetří se tím čas i množství stažených dat.
  3. Můžeme vytvářet alternativní seznamy stylů, jako například na těchto stránek, kde máte na výběr ze tří stylů (jeden hlavní a dva alternativní) pro změnu velikosti písma.

Nevýhody

  1. Některé starší prohlížeče (IE 4.x a nižší a Netscape 4.x a nižší) nemusí rozumět pokročilejším pravidlům o grafickém rozvržení a určením polohy. Komplikované CSS v prvku <link> nemusí být pochopeno staršími prohlížeči a následně může pravděpodobně vzniknout chaotické a nepoužitelé rozvržení stránek.

Shrnutí

Pokud jste si pečlivě pročetli informace o této metodě a třech předcházejícíh, asi jste zjistil že ani jedna není úplně ideální. Asi nejlepším způsobem připojení stylů ke stránce, kdybychom jsme si museli vybrat, by byla metoda C , ale my se s ní nespokojíme. Existuje totiž ještě jedna kombinace dvou metod, která by nám měla vyřešit všechny problémy a o které si povíme přístě.

17.7.2005