1.4. CSS kód

Už sme sa naučili štruktúru dokumentu a základy HTML a tak sa môžeme posunúť k tomu, aby naše stránky vyzerali aj pekne.

Pripomeňme si syntax CSS:

selektor {
  vlastnost: hodnota;
  iná vlastnost: hodnota; 
}

Pomocou selektorov vyberáme elementy stránky, ktorým chceme upraviť vzhľad. Napríklad budeme chcieť, aby všetky odstavce boli písané modrou farbou a tučne.

p {
  color: blue;
  font-weight: bold;
}

Prvou vecou, ktorú musíte spraviť kým začnete písať štýly CSS je nalinkovanie do hlavičky HTML súboru.

<head>
  <link href="styly.css" rel="stylesheet">
</head>

Týmto zápisom hovoríme HTML súboru, že máme nejaké štýly css, ktoré by sme chceli, aby sa prejavili na našej stránke.

href - cesta k súboru (ideálne relatívna cesta)
rel - relationship - určuje vzťah medzi aktuálnym a linkovaným dokumentom

Pozor

Musíme vedieť kde sa náš súbor s css nachádza. Ak je v tej istej zložke ako súbor html, tak je to v poriadku, ak je ale v inej zložke musíme to napísať do atribútu rel.

results matching ""

    No results matching ""