CSS je kaskádová šablona stylů, která se používá k vytváření vizuálních prvků na stránce internetových zdrojů. Vykreslování objektů specifikovaných v CSS je implementováno ve značkovacím jazyce HTML. Samotné kaskádové tabulky nelze použít samostatně.
Pomocí CSS
CSS je stylový jazyk, který implementuje vykreslování prvků značek HTML. Kaskádové tabulky vám umožňují přizpůsobit možnosti, které nelze změnit v HTML. Například pomocí jazyka stylu můžete upravit styl a barvu písma. CSS umožňuje nastavit okraje, čáry, odsazení, šířku, umístění prvků a provést výstup těch parametrů, které nelze implementovat pomocí „čistého“HTML.
Kaskádové šablony stylů jsou podporovány téměř všemi prohlížeči a používají se téměř na jakémkoli webovém zdroji. Řídí zobrazení obsahu pomocí zadaného jazyka a umožňují řídit zobrazení položek pro různá média.
Pokud se HTML používá pouze jako prostředek strukturování textu stránky, CSS vám umožní přizpůsobit zobrazení zobrazeného obsahu.
Syntaxe CSS a její začlenění do HTML kódu
Při navrhování stránky je vhodnější používat CSS před nástroji HTML. Faktem je, že HTML zpočátku nemělo prostředky pro úpravu barvy prvků a nebylo určeno k nastavení parametrů barvy a zobrazení, a proto může být použití webových deskriptorů HTML pro vytvoření designu považováno některými webovými vývojáři za nesprávné.
CSS má jinou syntaxi než HTML a je zahrnut do kódu stránky prostřednictvím značek. Můžete také integrovat kód CSS, který je v samostatném souboru, pomocí značky parametrů:
Kód CSS má určitou syntaxi, kterou je třeba přísně dodržovat, jinak se vygenerované styly na stránce nezobrazí. Část kódu CSS lze rozdělit do 3 hlavních prvků: selektor, vlastnost a hodnota. Tyto položky jsou psány následovně:
selektor {vlastnost: hodnota; }
Selektor určuje popisovač, na který se vygenerované pravidlo zobrazení vztahuje. Parametr vlastnosti definuje upravitelný aspekt prvku a hodnota definuje odpovídající možnost pro vlastnost. Například pro změnu barvy v záhlaví druhé úrovně
HTML, můžete použít následující kód:
h2 {barva: červená; }
Tento kód nastaví barvu textu na červenou, která se nachází v deskriptoru záhlaví druhé úrovně.
CSS používá standardní tabulku barev HTML.
Kromě použití značek můžete použít také interní značky. Například:
Nadpis
Tento kód je shodný s výše popsaným, s tím rozdílem, že samotné parametry CSS byly nastaveny uvnitř deskriptoru potřebného pro úpravy.