Stránky pomocí CSS
Co je CSS
CSS (Cascading Style Sheets) v českém překladu znamená kaskádové styly.
CSS umožňuje definovat vlastnosti určitých elementů např. barvy textu, pozadí, zarovnání, velikost písma a mnoho dalších vlastností, které nelze nahradit ničím v html.
V CSS jednoduše připravíte stránku se stejnými nadpisy, odstavci, seznamy atd. CSS se může zapisovat přímo do HTML dokumentu, nebo do externího souboru s příponou .css, který se připojí do html stránky následujícím kódem.
<link rel="stylesheet" type="text/css" href="styl.css">
A pak jednoduše můžete používat jeden styl k více stránkám což je obrovská výhoda.
Možnosti CSS
Stručný výpis možností a výhod při používání kaskádových stylů:
- nastavení libovolné a přesné velikosti písma
- odsazení prvního řádku odstavce, řádkování
- automatické formátování nadpisů
- zvýrazňování odkazů po přejetí myší
- automatické grafické odrážky
- předefinování grafického významu běžných tagů (například všechno, co je kurzívou, udělat i tučně)
- nastavení pozadí čehokoliv, stránky, tabulky ale třeba i odstavce; pozadí se nemusí opakovat a může mít přesnou pozici
- umístění jakéhokoliv objektu (např. části textu) kamkoliv do stránky
- přidat rolovací lišty, oříznutí, orámování, nastavení okrajů
Hlavní význam CSS spočívá v tom, že fungují hodně automaticky, přečemž se vzhled celého webu deklaruje jedním souborem.
Nevýhody
Používání kaskádových stylů má ale samozřejmě i svoje nevýhody, kvůli kterým je někteří programátoři zavrhují. S příchodem nových verzí prohlížečů, je jich ale stále méně.
Každý prohlížeč (IE, Netscape, Opera) interpretuje CSS trochu jinak. Proto se mohou stránky vytvořené pro IE zobrazovat v jiných prohlížečích odlišně, a naopak.
Používají se různé triky a pomůcky, kterými se dá usnadnit práce při psaní css kódu.
Co je potřeba pro tvorbu css?
- alespoň částečně ovládat jazyk HTML.
- jednoduchý textový editor, klidně postačí poznámkový blok, který je součástí Windows v lepším případě editor přímo určený pro CSS. Mezi nejlepší patří program TopStyle Lite.
Připojení CSS stylu
Styl se může nadeklarovat třemi způsoby
- přímo v textu zdroje u formátovaného elementu pomocí atributu style="...". - přímý styl.
- pomocí "stylopisu" (angl. "stylesheet") v hlavičce stránky.
- použitím externího stylopisu - soubor *.css, na který se stránka odkazuje tagem <link>.
