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.

CSS Návod
CSS Návod - HOME
Úvod
Výhody CSS
Pravidla CSS
Způsoby použití CSS
CSS Třídy
CSS ID
CSS Úprava textu (1.část)
CSS Úprava textu (2.část)
CSS Pozadí
CSS Rámečky
CSS Atribut Margin
CSS Atribut Padding
CSS Seznamy
CSS Šířka a výška
CSS Obtékání
CSS Test
Shrnutí
©2008 - 2011 Klikzone.cz
Ráj aut - inzerce nových i ojetých aut