Omówiliśmy już podstawową budowę pliku index.html. Plik ten odpowiada za wyświetlanie elementów na stronie czyli: linki, obrazki, treści, tabele, formularze itd.
Zajmiemy się teraz budowaniem pliku style.css. W tym pliku zdefiniujemy to jak nasze elementy będą wyświetlane czyli: marginesy, kolory, wielkości np. czcionek, ramki itp. Plik ogólnie odpowiada za cały interfejs graficzny strony internetowej.
Czyli definiujemy jeden plik który będzie odpowiadał za wszystkie podstrony. W pliku index.html <link href="style.css" rel="stylesheet" type="text/css" /> ta linia kodu odpowiada za powiązanie style.css z plikiem index.html.
Każda linia kodu będzie skomentowana, żeby omówić i wyjaśnić polecenia. Komentarz w pliku style.css otwieramy za pomocą /* zamykamy za pomocą */ .
W pliku definiujemy po kolei cały kod możemy skopiować do pliku style.css:
