Tutorijali.Net

Tutorijali

	Oglasi

Anketa

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