Kaskádové styly (CSS) je jazyk používaný ke stylování webových stránek, které obsahují prvky HTML, definující způsob zobrazení prvků na webových stránkách, včetně rozložení, barev, písem a dalších vlastností prvků na webové stránce. CSS funguje tak, že cílí na prvky HTML a aplikuje pravidla stylu k definování toho, jak by se měly zobrazovat, včetně vlastností, jako je barva, velikost, rozvržení a umístění.

Existují tři typy CSS, které jsou uvedeny níže:

Obsah

• Inline CSS
• Interní nebo vložené CSS
• Externí CSS

Inline CSS:

Inline CSS je metoda aplikace stylů přímo na jednotlivé prvky HTML pomocí atributu style v rámci značky HTML, což umožňuje specifické stylování jednotlivých prvků v dokumentu HTML, které přepíše jakékoli externí nebo interní styly.

Příklad inline CSS:

Tento příklad ukazuje použití inline CSS s pomocí HTML dokumentu.

html

> <> html> >> <> head> >> > <> title> >Inline CSStitle> head> font-size:50px; font-style:italic; text-align:center;'> GeeksForGeeks p> body> html>>

Výstup:

Vysvětlení příkladu inline CSS:

Ve výše uvedeném příkladu postupujeme podle těchto kroků

• Zde používáme inline CSS přímo k prvku odstavce.
• Změní barvu na zelenou, velikost písma na 50 pixelů, styl na kurzívu a zarovnání na střed.
• Styl přepíše externí a interní CSS.

Interní nebo vložené CSS:

Interní nebo vložené CSS je definován v prvku HTML dokumentu. Aplikuje styly na zadané prvky HTML. Sada pravidel CSS by měla být v souboru HTML v sekci head, tj. CSS je vložena do značky v sekci head souboru HTML.

Příklad interního nebo vloženého CSS:

Tento příklad ukazuje použití interního CSS s pomocí HTML dokumentu.

html

> <> html> >> <> head> >> > <> title> >Interní CSStitle>