Strasznie chaotycznie napisałeś
zewnętrzny arkusz stylów dołączasz tak jak w przykładzie który pokazałeś. Style html i body zostaną wczytane z tego pliku, nie musisz ih definiować nigdzie więcej.
Co do dodatkowego pytania z klasą "d" to czcionka nie jest czerwona dlatego, że otaczasz tą klasa znaczik body a nie powinienes tego robić. prawidłowo powinno być tak:
<body>
<div class="d">test</div>
</body>
Całą zawartość strony piszesz pomiędzy znacznikami <body>
A tutaj masz poprawny szkielet strony html5:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title></title>
<meta name="Description" content=""/>
<meta name="Keywords" content=""/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
TUTAJ TREŚĆ STRONY
</body>
</html>

Co do dodatkowego pytania z klasą "d" to czcionka nie jest czerwona dlatego, że otaczasz tą klasa znaczik body a nie powinienes tego robić. prawidłowo powinno być tak:
<body>
<div class="d">test</div>
</body>
Całą zawartość strony piszesz pomiędzy znacznikami <body>
A tutaj masz poprawny szkielet strony html5:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title></title>
<meta name="Description" content=""/>
<meta name="Keywords" content=""/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
TUTAJ TREŚĆ STRONY
</body>
</html>