kaskádové štýly (CSS) je jazyk používaný na štýlovanie webových stránok, ktoré obsahujú prvky HTML, pričom definuje, ako sa prvky zobrazujú na webových stránkach, vrátane rozloženia, farieb, fontov a iných vlastností prvkov na webovej stránke. CSS funguje tak, že zacieľuje na prvky HTML a aplikuje pravidlá štýlu na definovanie toho, ako by sa mali zobrazovať, vrátane vlastností, ako je farba, veľkosť, rozloženie a umiestnenie.

Existujú tri typy CSS, ktoré sú uvedené nižšie:

Obsah

• Inline CSS
• Interné alebo vložené CSS
• Externý CSS

Inline CSS:

Inline CSS je metóda aplikovania štýlu priamo na jednotlivé prvky HTML pomocou atribútu style v rámci značky HTML, čo umožňuje špecifický štýl jednotlivých prvkov v dokumente HTML, čím sa prepíšu akékoľvek externé alebo interné štýly.

Príklad vnoreného CSS:

Tento príklad ukazuje použitie inline CSS s pomocou HTML dokumentu.

html

>

>

Výkon:

Inline CSS Príklad vysvetlenie:

Vo vyššie uvedenom príklade postupujeme podľa týchto krokov

• Tu používame inline CSS priamo na prvok odseku.
• Zmení farbu na zelenú, veľkosť písma na 50 pixelov, štýl na kurzívu a zarovnanie na stred.
• Štýl má prednosť pred externým a interným CSS.

Interné alebo vložené CSS:

Interné alebo vložené CSS je definovaný v prvku HTML dokumentu. Aplikuje štýly na špecifikované prvky HTML. Sada pravidiel CSS by mala byť v súbore HTML v sekcii head, t. j. CSS je vložené do značky v sekcii head súboru HTML.

Príklad interného alebo vloženého CSS:

Tento príklad ukazuje použitie interného CSS pomocou dokumentu HTML.

html