Predmetová komisia ELT a INF


Učebnica CSS - Úvod

CSS - Basic - Introduction


« Predchádzajúca Ďalšia kapitola »

Čo by si už mali vedieť

Než budete pokračovať, mali by ste mať základné znalosti z nasledujúcich oblastí:

  • HTML

Ak si chcete naštudovať túto problematiku skúste to na našej stránke.


Čo je to CSS?

  • CSS je skratka pre kaskádové štýly
  • Štýly definujú spôsob zobrazenia prvkov HTML
  • Štýly boli pridané do HTML 4.0 pre zjednodušené riešenie problémov
  • Externé štýly môžu ušetriť veľa práce
  • Externé štýly sú uložené v CSS súboroch

Riešenie veľkého problému

HTML nebol nikdy určený a ani neobsahoval tagy pre formátovanie dokumentu. Každý text má obsah a formu. Keď hovoríme o formáte (forme) webových stránok, myslíme tým napr. farbu a veľkosť písma, pozadie, zarovnaie a pod. jednoducho všetko to čo nepatrí do obsahu. To je formátovanie.

HTML bol určený na stanovenie obsahu dokumentu, ako sú napr.:

<h1> To je nadpis </h1>

<p> Toto je odsek. </p>

Keď značky ako je <font> a atribúty farieb boli pridané k HTML 3.2 špecifikácii, začala sa nočná mora pre webových vývojárov. Vývoj rozsiahlych webových stránok (kde fonty a informácie o farbách na stránke sa museli vkladať osobitne do každej jednotlivej stránky), sa stal dlhým a nákladnym procesom.

Aby sa vyriešil tento problém, bola vytvorená CSS World Wide Web Consortium (W3C).

Dnes všetky prehliadače podporujú CSS.


CSS ušetria veľa práce!

CSS definujú ako majú byť zobrazené HTML prvky - elementy.

Štýly sú obvykle uložené v externých .css súboroch. Externé štýly vám umožnia zmeniť vzhľad a rozloženie všetkých stránok na webe iba editáciou jediného súboru!

« Predchádzajúca Ďalšia kapitola »