CSS je zkratka anglických slov (cascading style sheets) nebo-li kaskádové styly.
CSS (kaskádové styly) nám slouží k určení vzhledu stránky. Narozdíl od HTML, které nám říká, jaký obsah tam je.
Kaskádové styly propojíme s dokumentem HTML, tímto příkazem, který se umístí do hlavičky stránky mezi tagy <head> </head>:
<link href="styly.css" rel="stylesheet" type="text/css" />
Říkáme tím prohlížeči, aby použil soubor styly.css a k tomu mu řekneme, že se jedná o soubor CSS.
Tvoření CSS je poměrně jednoduché. Jednotlivým HTML tagům se přiřazuje určitá vlastnost a hodnota.Celý CSS zápis se uzavírá do složených závorek a jednotlivé vlastnosti s hodnotou se oddělují středníkem.
Například:
p { background:red; color:blue; font-size:30px;}
h1 { text-align:center; color:yellow; font-weight:bold;}
Tady jsme všemu co bude v odstavcích definovali červenou barvu pozadí, modré písmo a velikost písma 30px.
V druhém zápisu jsme měnili vzhled všem nadpisům h1. Všechny nadpisy h1 budou umístěné na středu stránky, budou mít žlutou barvu a budou tučné.
Největším nepřítelem při tvorbě stránek pomocí CSS, jsou prohlížeče. A to proto, že každý prohlížeč vykresluje stránky trochu jinak. Úkolem webdesignéra je tedy vytvořit stránku takovou, která se bude všude zobrazovat stejně.
Silně doporučuji zkoušet své stránky v prohlížeči Mozzila Firefox (stáhnout), která vykresluje stránky ve velké míře "tak jak má".