Stíny Třídy Identifikátory Rámečky Pozadí
Kaskádové styly

Co to je



Kaskádové styly CSS (Cascading Style Sheets) umožňují měnit vzhled HTML stránek.

Pomocí CSS je možné definovat rozložení prvků na stránce, jako např. okraje, barvy, písma a další vlastnosti.

Webový prohlížeč zobrazí obsah webových stránek takovým způsobem, jakým je definován pomocí CSS.

Čím lépe budete ovládat kaskádové styly, tím snadněji budete schopni ovlivnit vzhled webových stránek, tak aby vypadaly stylově a moderně.




Pravidla



Abychom CSS mohli aplikovat, musíme jej propojit tagem link:css v hlavičce kódu.


CSS představují pravidla, kterými říkáme:
  1. Kde se mají použít – Selektor (identifikátor prvku)
    • blok vlastností je uzavřen do složených závorek "{}"

  2. Co mají ve výsledné stránce ovlivnit – Deklarace vlastnosti (definice stylu)
    • vlastnost
    • oddělovač ":"
    • hodnota (více hodnot se od sebe odděluje mezerou, mezi hodnotou a jednotkou naopak ne) "20px 10% 3em"
    • ukončení definice ";"

Ukázka




HTML HTML + CSS





Zápis v HTML Zápis v CSS

Zpět
Stránku vytvořil Tomáš Kryka© 2024