<link rel="stylesheet" href="style.css" type="text/css" />
body {
font-family: sans-serif; font-size: 12px; background-color: white; color: black
}
a:link {
color: #0000aa
}
a:visited {
color: #aa00aa
}
a:hover {
color: #557777
}
a:active {
color: #00aa00
}
h1 {
font-family: verdana, arial; font-size: 14px; font-weight: bold; text-align:center; margin-top: 5px; margin-bottom: 10px;
}
h3 {
color: maroon
}
p {
margin-top: 5px; margin-bottom: 5px;
}
caption {
color: black;font-weight: bold; text-align:center; margin-top: 10px; margin-bottom: 10px;
}
td {
text-align:justify; padding:3px
}
<p class="nazwa_klasy">
,
zaś definicja w pliku stylu:
p.nazwa_klasy {
margin-top:5px; margin-bottom:5px; color:red;
}
lub wersja skrócona przez dodanie modyfikacji do podstawowego stylu tagu
p.nazwa_klasy {
color:red;
}
.nazwa_klasy {
margin-top:5px; margin-bottom:5px; color:red;
}
Więcej o stylach i poszczególnych parametrach można znaleźć np.: http://www.w3schools.com/css/default.asp.