Aké sú typy CSS a ako sa určuje kaskádové poradie?

Existujú tri typy CSS:

1. Štýlová šablóna používateľského agenta: Toto sú predvolené štýly používané prehliadačom používateľa. Zvyčajne sú veľmi základné a poskytujú konzistentné vykresľovanie obsahu v rôznych prehliadačoch.

2. Autorská šablóna so štýlmi: Ide o štýly definované autorom webovej stránky. Zvyčajne sa nachádzajú v súbore CSS, ktorý je prepojený s dokumentom HTML. Autorské šablóny štýlov prepíšu šablóny štýlov používateľského agenta.

3. Vložené štýly: Ide o štýly, ktoré sa aplikujú priamo na prvok HTML. Zvyčajne sa používajú na prepísanie autorských šablón štýlov pre konkrétne prvky. Vložené štýly majú najvyššiu prioritu a prepíšu šablóny so štýlmi používateľského agenta aj autorské štýly.

Kaskádové poradie CSS je určené nasledujúcimi pravidlami:

1. Špecifickosť: Čím špecifickejší je selektor, tým vyššia je jeho priorita. Napríklad selektor, ktorý zacieľuje na konkrétny prvok podľa jeho ID, bude mať vyššiu prioritu ako selektor, ktorý zacieľuje na všetky prvky rovnakého typu.

2. Pozícia v dokumente CSS: Poradie, v ktorom sa pravidlá zobrazujú v dokumente CSS, tiež ovplyvňuje ich prioritu. Pravidlá, ktoré sa v dokumente objavia neskôr, prepíšu pravidlá, ktoré sa objavili skôr.

3. Dôležitosť: Deklaráciu `!dôležité` možno použiť na to, aby pravidlo malo vyššiu prioritu ako iné pravidlá. Pravidlá, ktoré sú označené ako dôležité, vždy prepíšu pravidlá, ktoré nie sú.

Pochopením typov CSS a toho, ako sa určuje kaskádové poradie, môžete vytvoriť šablóny so štýlmi webových stránok, ktoré sú konzistentné a zároveň vizuálne príťažlivé.

• Predchádzajúca strana: Čo je statická webová stránka, jej štruktúra a ako ju vytvoriť? 
• Ďalšia strana: Ako používať nástroje pre vývojárov v prehliadači Chrome?