Home >> CSS návod >> Způsoby použití CSS

Způsoby použití CSS

Existují 3 způsoby jak použít CSS: inline, vestavěný - vložený do hlavičky dokumentua nebo odkaz na externí soubor.

Inline CSS

Informace o stylu se nachází uvnitř HTML dokumentu a je použita pouze pro konkrétmí element.

Příklad:


<p style="color:red">
  CSS Návod
</p>

Tato informace se týká pouze tohoto odstavce, na ostatní odstavce na stránce nemá žádný vliv.

Vestavěné CSS

Vestavěné CSS je informace uvnitř HTML dokumentu a je použita pro všechny danné prvky na stránce. Vkládá se obvykle do hlavičky dokumentu.

Příklad:


<style type="text/css">
p {color:red;}
</style>

Nyní budou všechny odstavce na stránce napsány červeným písmem.

Externí CSS

Externí CSS je informace zapsaná ve speciálním souboru, nenachází se tedy uvnitř HTML dokumentu. Na stránce je pouze odkaz na tento CSS soubor. Odkaz se vkládá obvykle do hlavičky HTML dokumentu.

Příklad:

Zde je příklad externího souboru. Musí být uložen s koncovkou .css ( například: css-soubor.css).


p {font-family: georgia, serif; font-size: 13 px;}

h1 {color: green; }

Zde je odkaz na tento css styl. Odkaz je umístěný v hlavičce dokumentu tedy mezi tagy <head> a </head>.


<link rel="stylesheet" href="css-soubor.css" type="text/css">

Informace uvedené v externím CSS souboru platí pro všechny danné prvky na stránce.

Další lekce >>

<< Předchozí lekce