Nejpoužívanější způsob je připojení stylu z externího souboru,
pomocí elementu link s odpovídajícími
atributy. Tuto metodu jsme využili i v naší první ukázce. Adresa stylu
se zadává pomocí atributu href. Musíme rovněž nastavit atribut
type na hodnotu
text/css – tím dáme na jevo, že jako stylový
jazyk používáme právě kaskádové styly. Protože se
link používá i pro jiné účely než připojení stylů,
je potřeba v atributu rel zadat
hodnotu stylesheet a tím říci, že nyní používáme
element link právě pro připojení stylu.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Připojení stylu pomocí elementu link</title>
<link href="styl.css" type="text/css" rel="stylesheet">
</head>
<body>
…
</body>
</html>
Uložení stylu v externím souboru je výhodné zejména v případech, kdy má více stránek vypadat stejně – vzhled je definován v jednom souboru se stylem, který je načítán z mnoha stránek.
