W sekcji nagłówka dokumentu <head> wstawiamy linijkę: <link rel="stylesheet" href="style.css" type="text/css" />
Zawartość pliku style.css może wyglądać następująco:
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 }

Możemy też modyfikować konkretny tag, jeśli ma konkretną klasę, tzn. modyfikacja tagu paragrafu wygląda <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; }
lub ogólnie .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.