CSS (ponavljanje)

CSS - CASCADING STYLE SHEETS

CSS nije programski jezik. CSS je stilski jezik koji daje instrukcije pregledniku kako
da prikaže HTML elemente. Riječ cascading označava kaskadnu primjenu CSS-
pravila. CSS-pravilo može se napisati tako da bude primijenjeno na sve elemente ili
samo na neke elemente ili tako da vrijedi samo za točno određeni element. CSS
podržavaju svi moderni preglednici. Osnovna sintaksa CSS-a:
selektor {
svojstvo1:vrijednost;
svojstvo2:vrijednost;
}

UKLJUČIVANJE CSS-A U HTML-KÔD

CSS-kôd se tipično piše odvojeno od HTML-kôda, tj. u zasebnoj datoteci. Da bismo
HTML dokument povezali s CSS-datotekom, koristimo HTML-element link:
<link rel="stylesheet" type="text/css" href="stilovi/boje.css" />
Kada se taj element koristi za uključivanje CSS-a (što je zapravo njegova glavna
namjena), atribut rel mora imati vrijednost "stylesheet", a atribut type vrijednost
"text/css". Atribut href postavljamo na putanju do CSS-datoteke koju želimo uključiti.
U ovom primjeru uključujemo datoteku boje.css koja se nalazi u mapi stilovi. Radi se
o relativnoj putanji od HTML-datoteke do CSS-datoteke. Evo nekoliko najčešćih
primjera uporabe relativne putanje:

Element link mora se uvijek nalaziti unutar HTML-elementa head. Ako se HTML-
stranica koristi većim brojem CSS-datoteka, uključit će se tako da se element link
navede više puta. Mogući su i načini pisanja CSS-kôda u samoj HTML-datoteci. Za
to služi HTML-element style, u kojem se izravno mogu pisati CSS-pravila:
<style type="text/css">
p { color: red; }
</style>
Element style uvijek se mora nalaziti unutar elementa head. Atribut type u tom se
slučaju postavlja na vrijednost "type/css", a može se i izostaviti. Drugi način na koji
se CSS-kôd može izravno "ubaciti" u HTML je preko atributa style: <p
style="color:red;">Tko rano rani, dvije sreće grabi. </p>