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>