CSS - kaskádové styly
CSS je to kolekce metod pro grafickou úpravu webových stránek. Ta zkratka znamená Cascading Style Sheets , česky "kaskádové styly". Kaskádové, protože se na sebe mohou vrstvit definice stylu, ale platí jenom ta poslední.
historie a verze CSS
CSS vznikly někdy v roce 1996 jako reakce na chaoticky se vyvíjející HTML jazyk. Snahou bylo oddělit informaci o obsahu od formátovacích pokynů. Existují tři verze CSS. CSS1 (neboli CSS), CSS2 a zatím pouze pracovní verze specifikace CSS3. Někde mezi tím stojí CSS-P (pozicování - přídavek k CSS1). Všechny verze byly napřed v návrhu (draft) a pak se přijala jejich konečná verze (final). Historie CSS je vlastně historií jejich podpory (a nepodpory) ve webových prohlížečích (protože ta se na rozdíl od standardů mění, jak přicházejí nové prohlížeče). Každý prohlížeč totiž styly interpretuje trochu jinak, některé prohlížeče neznají některé vlastnosti atd.
možnosti CSS
• hlavní význam CSS spočívá v tom, že fungují hodně automaticky, přičemž se vzhled celého webu deklaruje jedním souborem.
• nastavit libovolnou a přesnou velikost písma, „ prokládání , kapitálky “
• udělat odsazení prvního řádku odstavce, zvětšit řádkování
• zrušit nebo zvětšit prázdný prostor po odstavci
• automaticky formátovat nadpisy (například je všechny udělat zelené)
• zvýrazňovat odkazy po přejetí myší
• udělat automaticky grafické odrážky
• určité části textu zneviditelnit, zprůhlednit nebo nezobrazit
• předefinovat grafický význam běžných tagů (například všechno, co je kurzívou, udělat i tučně)
• nastavit pozadí čehokoliv, stránky, tabulky ale třeba i odstavce; pozadí se nemusí opakovat a může mít přesnou pozici!
• umístit nějaký objekt (třeba kus textu) kamkoliv do stránky, může se to i překrývat
• přidat k čemukoli rolovací lišty, oříznout to, orámovat, nastavit okraje
• v kombinaci se skripty je dnes CSS nejmocnější zbraň pro takzvané"rozhýbání" stránek
použití CSS
Styl se může nadeklarovat třemi způsoby. Stačí, když se pro začátek naučíte jeden ze tří způsobů:
• přímo v textu zdroje u formátovaného elementu pomocí atributu style="...". - tomu se říká přímý styl . Je to nešikovné, ale občas se to používá.
• pomocí " stylopisu " (angl. "stylesheet") v hlavičce stránky - stylopis je jakýsi seznam stylů a je v něm obecně napsáno, co má být jak zformátováno, například že nadpisy mají být zelené. Do stránky se stylopis píše mezi tagy <style> a </style>.
• použitím externího stylopisu -- to je soubor *.css (ve kterém je umístěný stylopis) , na který se stránka odkazuje tagem. Hlavní výhoda je v tom, že na jeden takový soubor se dá nalinkovat mnoho stránek, takže pak všechny vypadají podobně.
příklady:
chci udělat odstavec červeným písmem pomocí CSS (3 způsoby)