CSS
.:Úvod do CSS:.
 Deklarace CSS
.:Struktura CSS:.
.:Velikosti a barvy:.
.:Písmo:.
.:Úpravy textu:.
.:Pozadí a barvy:.
.:Velikost objektu:.
.:Rámečky:.
.:Pozice:.
.:Filtry:.
.:Rolovací lišta:.
.:Co umí jen Internet Explorer:.



||   HTML a typy      ||      CSS      ||      JavaScript    ||      Kniha Návštěv    ||




Druhy použití CSS

 Takže tímto bych chtěl přiblížit že CSS se dá použít mnoha způsoby. A to třeba že CSS se dá deklarovat externím stylem, pak také in-line zápisem nebo ten poslední styl je použití stylopisu a tyto možnosti si nyní probereme.

Přímo in-line

 Do zdroje se napíše rovnou deklarace daného parametru.
<p style="color: green">Napíše text zeleně.</p>

Napíše text zeleně.

Vysvětlení: <p> je značka vymezující odstavec; z anglického paragraph. Atribut "style" je obecný atribut pro CSS a stylování.

Stylopisem

 Tato deklarace se provádí tak že do hlavičky dokumentu se napíše stylopis uzavřený mezi tagy <style></style>
<style>
p {color: green}
</style>
a do těla stránky se mohou psát odstavce:
<p>Tento text pak bude zelený. </p>
Vysvětlení: Takže vlastně nadefinovaný styl v hlavičce nám způsobí to že všechny texty v tagu <p> budou zelené.

Externím CSS souborem

 Takže si vytvoříme soubor, který se pojmenuje třeba styly.css. A do něj si napíšeme deklaraci.
p {color: green}
A poté do hlavičky html dokumentu, který chceme stylovat, musíme napsat odkaz na tento soubor *.css
<link rel="stylesheet" type="text/css" href="styly.css">
nebo
<style>
@import url('styly.css');
</style>

Vysvětlení: Takže vlastně si nadefinujeme styl v externím souboru a ten nám způsobí to že všechny texty v tagu <p> budou zelené