Tienes mal tu HTML. <body "body">
no es válido. Además en tu CSS estás haciendo referencia a la clase body
(poniendo el selector punto (.) antes del nombre body
).
O bien quitas "body" de tu elemento y quitas el punto en el CSS:
body{
background-color: red;
color:red;
font-family:Arial;
}
<html lang="es">
<head>
<meta charset="utf-8">
<link rel="stylsheet" type="text/css" href="CSS10.css">
<title>Web ejercicio 10</title>
</head>
<body>
<div class="div1">
<p><a href="">Página Principal</a></p>
<p><a href="">Enlace 1</a></p>
<p><a href="">Enlace 2</a></p>
<p><a href="">Enlace 3</a></p>
</div>
</body>
</html>
O bien añades una clase "body" a tu elemento <body class="body">
.body{
background-color: red;
color:red;
font-family:Arial;
}
<html lang="es">
<head>
<meta charset="utf-8">
<link rel="stylsheet" type="text/css" href="CSS10.css">
<title>Web ejercicio 10</title>
</head>
<body class="body">
<div class="div1">
<p><a href="">Página Principal</a></p>
<p><a href="">Enlace 1</a></p>
<p><a href="">Enlace 2</a></p>
<p><a href="">Enlace 3</a></p>
</div>
</body>
</html>
Todo dependerá de tus necesidades pero piensa que engloba a todo por lo que las propiedades que le asignes son generales.