HTML & CSS

HTML je velmi omezené, co se týče vzhledu jednotlivých prvků. Pokud se snažíte dát Vaším webovým stránkám unikátní vzhled, se samotným HTML si v žádném případě nevystačíte. Webové stránky, které zanechají na návštěvnících dobrý dojem vytvoříte jedině pomocí HTML ve spolupráci s CSS!.

Účelem CSS (nebo-li Cascading Style Sheets) je umožnit tvůrcům webových stránek více možností co se týče vzhledu než samotné HTML. Pomocí CSS vlastností můžete upravit vzhled jednotlivých HTML elementů. Každá vlastnost má své jméno a hodnotu, které jsou navzájem odděleny dvojtečkou (:). Jednotlivé vlastnosti se od sebe oddělují středníkem (;).

Příklad užití:


<p style="color:red;font-size:30px;">HTML & CSS!</p>

Výsledek:

HTML & CSS!

Výše uvedený kód je příkladem tzv. inline stylu a to protože jsou CSS informace vepsány uvnitř samotného tagu.

Použít lze také vestavěné styly a nebo externí styly.

Vestavěné styly jsou obyčejně umístěny v hlavičce dokumentu. Externí styly jsou vepsány v externím souboru. V HTML dokumentu se na tento soubor odkazuje. Externí styly jsou velmi užitečné a silně doporučujeme je používat.

Pro více informací o CSS stylech si projděte CSS Návod. Nyní Však pokračujeme dálší lekcí HTML návodu.

Další lekce >>

<< Předchozí lekce