Učebnica HTML a CSS

Učebnica CSS - Kaskádové štýly

HTML - Basic - CSS

  Ďalšia kapitola »

Pomocou štýlov sa pri vytváraní web stránok da ušetriť množstvo času.

CSS je skratka pre Cascading Style Sheets (= Kaskádové štýly). Ide o jednoduchý mechanizmus na vizuálne formátovanie internetových dokumentov (HTML súborov).

Príklad

body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}

Vyskúšajte si to »

Kliknite na "Vyskúšajte si to", aby ste videli ako to funguje.

Štýly v HTML pomocou CSS

CSS bol vytvorený pre spoluprácu s HTML 4 s cieľom zabezpečiť štýlovanie pomocou HTML prvkov.

CSS štýl sa môže nadeklarovať tromi spôsobmi:

  • Pomocou externého štýlu - to je súbor.*css, na ktorý sa zo stránky odkazuje značkou <link>
  • Pomocou "štýlopisu" (angl. "stylesheet") v hlavičke stránky. Je v ňom napísané čo má byť ako sformátované napr. že nadpisy budú zelené. Do stránky sa štylopis píše medzi značky <style></style>
  • Priamo v texte zdroja u formátovného prvku pomocou atribútu style=".." Tomu sa hovorí priamy link.
  Ďalšia kapitola »