CSS TUTORIJALI
Vrste stilova
Postoje interni, externi inline CSS style.
Interni style
- Piše se u head dijelu stranice. Evo primjera:
<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.
.tablica {
background-color: #006699;
color: #FFFFFF;
font-family: Tahoma; }
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:
<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:
<td style="background: blue; color: white;">Plava pozadina sa bijelim tekstom.</td>
Sljedeći tutorijal: Background
_________________________
Autor ovog tutorijala: Gogy
|