- Interno povezivanje
- Vanjsko povezivanje (odvojena datoteka)
- Umetanje CSS-a unutar samog HTML elementa
- Standardna svojstva preglednika
- Vanjska CSS svojstva
- Interna CSS svojstva
- Stil unutar samog HTML elementa
<head>
<style>
h1 { background-color: yellow; }
p { color: blue; }
</style>
</head>
<body>
<h1>Ovaj naslov je žute pozadine</h1>
<p>Tekst ovog odlomka je plave boje</p>
</body>
Zahtjeva posebnu .css datoteku u koju pohranjujemo CSS svojstva.
<link rel="stylesheet" href="stil.css" />
h1 {
background-color: yellow;
}
p {
color: blue;
}
<html>
<head>
<link rel="stylesheet" href="stil.css" />
</head>
<body>
<h1>Ovaj naslov je žute boje</h1>
<p>Tekst ovog odlomka je plave boje</p>
</body>
</html>
Za korištenje CSS svojstava unutar samog HTML elementa moramo koristiti svojstvo style.
Dodavanjem vrijednosti svojstvu style možemo definirati bilo koja CSS svojstva.
<p style="color:blue; font-size: 16px;">
Odlomak teksta plave boje veličine 16px
</p>
Vanjsko povezivanje:
jednostavnije i omogućava brže održavanje stranice.
promjene na cijelom web sjedištu možemo napraviti unutar samo jedne .css datoteke
Umetanjem svojstava CSS-a unutar samog HTML elementa:
gube se prednosti "neovisnosti" CSS-a od sadržaja web stranice