Jest kilka sposobów na dołączanie styli.
1. (Sposób zalecany) Tworzysz nowy plik z rozszerzeniem .css (np. style.css) i w tym pliku będziesz zapisywać twój kod css. Aby ten plik był "widziany" przez drugi dokument .html to dodajesz w sekcji <head>
<link rel="stylesheet" type="text/css" href="style.css">
Do znaczników w htmlu musisz dodać klasy. Klasy działają tak, że zapisujesz jej właściwości, a później do każdego elementu możesz ją przypisać. Poniżej przykład jak to zrobić:
<h1 class="nazwaklasy"></h1>
Można też używać wielu klas w jednym znaczniku oddzielając je spacją:
<h1 class="nazwaklasy innaklasa"></h1>
W pliku css dodajesz właściwości do tej klasy (przed nazwą klasy dodajesz kropkę! i w klamrach definiujesz jej style), np.:
.nazwaklasy{
background-color:red;
}
2. Bez tworzenia dodatkowego pliku możesz po prostu w pliku .html dodać sekcję <style>
<style>
.nazwaklasy{
background-color:red;
}
</style>
3. Trzecim sposobem jest bezpośrednio w znaczniku
<h1 style="background-color:red;"></h1>