Uvod u CSS

3. Povezivanje CSS-a s HTML dokumentom

3.1. Povezivanje s vanjskim dokumentom

Kod povezivanja s vanjskim dokumentom, pretpostavlja se da postoji dokument, najčešće imena stil.css u kojem se nalazi naveden CSS stil.

Za povezivanje s dokumentom koristi se oznaka <link> koja se dodaje u zaglavlje HTML dokumenta - između oznaka <head> i </head>. Oznaka <link> sastavni je dio HTML standarda i služi povezivanju s vanjskim dokumentima. Završna oznaka </link> ne postoji.

Uz oznaku <link> postoji više atributa od kojih su najvažniji:

  • rel - definira odnos između oznake i odredišnog dokumenta. Kada služi za povezivanje CSS-a, poprima vrijednost "stylesheet";
  • type - definira tip odredišnog dokumenta. U ovom slučaju tip dokumenta je "text/css";
  • href - putanja i naziv dokumenta koji se povezuje.

Primjer:

Pretpostavimo da se datoteka stil.css nalazi u istoj mapi kao i .html datoteka s kojom se povezuje. Tada ih povezujemo na sljedeći način:

<head>
...
<link rel="stylesheet" type="text/css" href="stil.css">
...

</head>