CSS
-
Přímo vložený styl
-
Šablona stylu v dokumentu
-
Externí šablony stylů
-
Syntaxe stylů
-
Třídy stylů
-
Vlastnosti písma
-
Vlastnosti barvy a pozadí
-
Vlastnosti textu
-
Vlastnosti obdelníku
-
Vlastnosti seznamů
-
Značky <style>, <span> a <div>
-
Vlastnosti zobrazení
1.
Přímo vložený styl
Zapisujeme přímo do značky a platí tedy pouze pro tuto značku.
Příklad použití:
Zápis:
<h3 style="color: red"> červený nadpis </h3>
Se zobrazí jako:
červený nadpis
Úkol:
vložte zelený nadpis:
ZDE
2.
Šablona stylu v dokumentu
Šablonu zapisujeme do záhlaví.
Příklad použití:
<style type="text/css">
<!--
h3 { color: blue;}
h5 { color: green;}
-->
</style>
Potom v tělu dokumentu stačí napsat:
<h5> zelený nadpis </h5>
který zobrazí jako:
zelený nadpis
Úkol:
vložte modrý nadpis <h3>:
ZDE
3.
Externí šablony stylů
Šablonu zapisujeme do textového souboru s příponou
css
.
Příklad použití:
1. Nejdříve vytvoříme soubor
pokus.css
:
samp {color:hotpink;}
2. Do hlavičky napíšeme:
<link rel="stylesheet" type="text/css" href="pokus.css">
nebo
<style>
<!--
@import url(pokus.css);
-->
</style>
3. Potom stačí v těle dokumetu napsat:
<samp>ahoj</samp>
což se zobrazí jako
ahoj
Poznámka: rozdíly při použití jednoho stylu v dokumentu nejsou.