Formátování pomocí kaskádových stylů

Teď by bylo asi nejlepší, abyste zjistili, o co jde. Např se podívejte na úvod do CSS na tomto webu.

Velmi zkráceně: na všechny použité tagy můžeme navázat formátování, které je uloženo v jiném souboru. Tam např. bude napsáno, jak mají být zformátované odkazy, nadpisy, odstavce, seznamy... Nastavíte tak font, jeho velikost, řádkování, zarovnání, barvu, podtržení, kurzívu, tučný text, barvu pozadí atd. atd.

A protože můžete potřebovat stylem zformátovat i třeba jen jeden odstavec <p>, nikoli všechny, máme tzv. třídy a identifikátory. Kterýkoli element můžeme v XHTML pojmenovat nějakou třídou nebo identifikátorem a styl navázat na tento název. Uvedené formátování se pak bude vztahovat jen na ten pojmenovaný element (pokud to bude pojmenování přes třídu, může takových být na stránce víc).

No a když chceme formátovat jenom nějakou část textu, která ani žádný vlastní tag nemá, můžeme do XHTML doplnit tagy <span> a <div>, přidat k nim zase třídu nebo identifikátor, a použít je ve stylu.

Podívejte se na praktickou ukázku; tady to zkusím podobně, ale s tím naším zkušebním "projektem". Podíváme se i na pozicování, neboli rozvržení na stránce.


Mozilla Firefox: Prohlížeč, kterému můžete věřit
píše -dis- bb(zavináč)choltice.eu