Trojí použití CSS

Styl se může nadeklarovat třemi způsoby:
1. Přímo v textu zdroje u formátovaného elementu pomocí atributu style=„...“. Jde o přímý styl.
   např. <p style="color: red">Tento odstavec bude červený.</p>



2. Pomocí „stylopisu“ (angl. „stylesheet“) v hlavičce stránky. Stylopis je jakýsi seznam stylů. Je v něm obecně napsáno, co má být jak zformátováno, například že nadpisy mají být zelené. Klavesové zkratky pro závorky jsou: „pravé Alt + B“ a „pravé Alt + N“. Do stránky se stylopis píše mezi tagy <style> a </style>.
   např.: <style> h1{color: green} </style> a do těla stránky se může napsat:
   <h1>Zelený nadpis.</h1>


3. Použitím externího stylopisu – to je soubor.css, na který se stránka odkazuje tagem umístěným v hlavičce stránky:
   <link rel="stylesheet" href="soubor.css" type="text/css">
   V souboru je umístěný stylopis. Hlavní výhoda je v tom, že na jeden takový soubor se dá nalinkovat mnoho stránek, takže pak všechny vypadají podobně.
   např. v poznámkovém bloku vytvoříme dokument, který pojmenujeme pokus.css a nahrajeme ho do společné složky se souborem index.html. CSS soubor bude v našem případě například obsahovat (vše mezi lomítkem a hvězdičkou slouží pouze pro naši orientaci a na zdrojový kód nemá vliv):
   /*parametry pro města*/
   .mesta {color: red}
   /*parametry pro státy*/
   .staty {color: green}
   
   Soubor index.html musí mít v hlavičce stránky odkaz viz výše. Do těla potom napíšeme formátovaný text:
   <span class="mesta">Praha</span> je hlavním městem <span class="staty">České republiky</span>.

Úkoly:
1. Tvorba CSS dokumentů podle předlohy v rámci EU peníze školám.
2. Práce s trojím použitím CSS stylů.
3. Šablona k projektům ke stažení.
4. Účast v internetových soutěžích.