Postoje interni, externi inline CSS style.
Interni style
- Piše se u head dijelu stranice. Evo primjera:
Eksterni style
- Ovaj način je najčešći. Piše su u externom fajlu. Otvorite notepad i napišite isto kao gore.
Imenujte taj fajl npr. style.css
Sada u HTML fajlu moramo povezati taj externi CSS Style sa našom
stranicom. To ćete napraviti tako da dodate ovu liniju koda u head
dijelu stranice:
HINT: ako ćete tako povezati onda style.css mora biti u istom folderu u
kojem je i stanica s kojom se povezuje inače morate ispred style.css
dodati putanju do fajla.
Inline style
- Inline style se koristi na sljedeći način:
preuzeto sa:www.tutorijali.net
Interni style
- Piše se u head dijelu stranice. Evo primjera:
- Kod:
[center]<html>
<head>
<style type="text/css">
.tablica {
background-color: #006699;
color: #FFFFFF;
font-family: Tahoma; }
</style>
</head>
<body>
<div class="tablica"> Tutorijali.Net </div>
</body>
</html>
Eksterni style
- Ovaj način je najčešći. Piše su u externom fajlu. Otvorite notepad i napišite isto kao gore.
- Kod:
[center].tablica {
background-color: #006699;
color: #FFFFFF;
font-family: Tahoma; } [/center]
Imenujte taj fajl npr. style.css
Sada u HTML fajlu moramo povezati taj externi CSS Style sa našom
stranicom. To ćete napraviti tako da dodate ovu liniju koda u head
dijelu stranice:
- Kod:
<link href="style.css" rel="stylesheet" type="text/css" />
HINT: ako ćete tako povezati onda style.css mora biti u istom folderu u
kojem je i stanica s kojom se povezuje inače morate ispred style.css
dodati putanju do fajla.
Inline style
- Inline style se koristi na sljedeći način:
- Kod:
[center]<td style="background: blue; color: white;">Plava pozadina sa bijelim tekstom.</td>
preuzeto sa:www.tutorijali.net