Minule jsme si připravili soubor index.html, který již obsahuje odkazy pro navigaci. Nyní začneme pracovat s kaskádovými styly, pomocí kterých dodáme stránce náležitý vzhled.
Již v první lekci našeho výkladu jsme vložili do hlavičky internetové stránky následující odkaz:
<link type="text/css" href="styly.css" mce_href="styly.css" rel="stylesheet">
Jde o odkaz na externí soubor, který jsme nazvali styly.css. Odkaz musí být takto vložen do všech stránek, které budeme následně vytvářet.
V této lekci si tedy soubor styly.css vytvoříme. Použijeme k tomu vynikající nástroj, který je zdarma, a sice program TopStyle Lite. Stáhneme jej z http://www.slunecnice.cz/ pomocí odkazu http://www.slunecnice.cz/product/TopStyle/ a nainstalujeme jej na pevný disk. Program je sice v angličtině, ale lze se v něm celkem dobře orientovat.
Po spuštění tohoto programu se otevře editační prostředí. Použijeme označenou ikonu - jako první si ukážeme, jak nadefinovat vlastnosti pro značku <body>.
Po použití ikony New Selector se zobrazí následující dialogové okno:
V seznamu HTML Element označíme BODY (přenese se do pole Current Selector). Pomocí vyznačené šipky tuto značku zařadíme do seznamu Selectors a dialogové okno potvrdíme.
…
