Imaš hmmm, ja bih rekao čak 3 načina!
Jedan je css u samom .html fajlu
Evo ti primera iz try it editora
Code:
<html>
<head>
<style type="text/css">
a:link {color:#FF0000} /* unvisited link */
a:visited {color:#00FF00} /* visited link */
a:hover {color:#FF00FF} /* mouse over link */
a:active {color:#0000FF} /* selected link */
</style>
</head>
Znači jedan način je da definišeš css pravila pre završetka HEAD taga.
Drugi je da linkuješ odvojeni, zasebni .css dokument.
'Vako nekako...
Code:
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
A unutar style.css dokumenta ...
Code:
@charset "utf-8";
/* CSS Document */
html, body
{
background-image: none;
height: 100%;
}
body, td, th
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #623517;
}
a:link {
color: #666;
text-decoration: none;
}
a:visited {
color: #666;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: none;
}
a:active {
color: #FFF;
background-color: #960;
}
Treći je inline style i vezuješ ga za bilo koji nedefinisani <div> ili <span>
npr:
Code:
<div style="position:absolute; height:100px; itd, itd...">
Najbolje je koristiti zasebne, eksterne .css dokumente, dakle linkovanje dodatnih .css dokumenata.
Možeš i u samom .html-u, ali je sporije renderovanje, iscrtavanje samog sadržaja, dok in-line style nije praktično koristiti za hyperlinkove.
Sve u svemu,
ovo mora da ti bude bookmarkovano.
Naravno, sve vrednosti iz code tagova su tu primera radi...