Éditeur Tryit de W3Schools

<!DOCTYPE html>
<html lang="en">
<head>
<title>Modèle CSS</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
police: Arial, Helvetica, sans-serif;
}

body {
marge: 0;
police: Arial, Helvetica, sans-serif;
}

/* Styliser la barre de navigation supérieure */
.topnav {
débordement: caché;
couleur de fond: #333;
}

/* Styliser les liens de la barre de navigation supérieure */
.topnav a {
flottant: gauche;
afficher: bloc;
couleur: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

/* Changer la couleur au survol */
.topnav a:hover {
couleur de fond: #ddd;
couleur: noir;
}

/* Styliser le contenu */
.content {
couleur de fond: #ddd;
padding: 10px;
height: 200px; /* Devrait être supprimé. Seulement pour démonstration */
}

/* Styliser le pied de page */
.footer {
couleur-de-fond: #f1f1f1;
padding: 10px;
}
</style>
</head>
<body>

<div class="content">
  <h2>Modèle CSS</h2>
  <p>Une barre de navigation supérieure, du contenu et un pied de page.</p>
</div>

</body>

</html>