CSS styly

Úvod Jak použít styl CSS

CSS styly (kaskádové styly) jsou vhodné pro grafickou úpravu stránek. Tedy například barva a velikost písma, zarovnání, pozadí, styl písma atd.. K tomu abyste používali CSS styly potřebujete znát HTML. CSS styl používá obecný atribut <style>. CSS styly se používají, když píšete na stránkách dlouhé texty a nechcete neustále do kola formátovat text, nebo spravujete webové stránky, které vypadají podobně. CSS styly fungují automaticky. Pomocí nich můžete hodně věcí předdefinovat. Například různé tagy, rolovací lišty, pozadí, odstavce, odrážky, nadpisy, odsazení, prokládání písmen, velikost písmen apod. (Je toho hodně co dokáží). Navíc ve spojení se skripty, dokáží oživit stránky.

Jak použít styl CSS

Styl CSS se dá "vložit" do stránek třemi způsoby.

Přímo do textu (zdroje), kde chceme použít styl. Asi takhle:
<nějaký tag(třeba H1) style="zápis vlastností (color: blue)">To co se styluje</tag (konec nějakého tagu, jeli párový)>
v praxi to vypadá takhle:

Modrý nadpis H1.

Druhým způsobem je možnost napsat stylopis do hlavičky dokumentu, uzavřený do tagu <style></style> Příklad:
<style>
H3 {color: blue}
</style> a pak se do stránky píše normálně, s tím, že nadpis H3 bude modrý. Třeba takhle: <H3>Modrý nadpis H3</H3>

Modrý nadpis H3

Posledním, třetím způsobem, který používám i já, je pomocí externího souboru s příponou .css. Například styl.css. Do hlavičky dokumentu se potom vloží odkaz na tento soubor:
<link rel="stylesheet" type="text/css" href="styl.css"> Do souboru můžeme vložit to co ve druhém případě, ale bez <style></style>:

H3 {color: blue}

Modrý nadpis H3

Můžeme použít i složitější zápis:
H4 {color: blue; font-family: Comic Sans MS}

Modrý nadpis s jiným druhem písma

U všech druhů je nutné vědět, kde se dělá středník, uvozovky, dvojtečky, čárky. Protože například u NN4, jestliže nezná nějakou hodnotu (vlastnost), ignoruje celou složenou závorku. Komentáře v souborech s příponou css. se dělají podobně jako v C: /* */

Nahoru

Příbuzná témata: Vlastnosti CSS Rolovací lišta Omezení CSS stylů Barva odkazů Filtry Barvy

Jestliže máte dotaz, tak mi napište: biaggi@biaggi.cz

Poslední aktualizace: 7. 10. 2001

Tvorba internetových stránek od 1.000 Kč

reklama
	Menu : Html CSS Ostatni Odkazy