Ne comprends pas


#1

Les sélecteurs CSS
Avoir la classe
Les classes sont utiles quand vous avez besoin d'appliquer le même style à plusieurs éléments HTML différents. Plutôt que d'appliquer, en la répétant, la même règle aux différents sélecteurs, vous pouvez simplement assigner une seule et même classe aux éléments HTML concernés, puis définir le style de cette classe dans l'onglet CSS.

Les classes sont assignées aux éléments HTML grâce à l'attribut class suivi du signe =, comme ceci :

<div class="square"></div>
<img class="square"/>
<td class="square"></td>

Dans le CSS, les classes sont identifiées par un point . comme cela :

.square {
    height: 100px;
    width: 100px;
}

Cela vous permet de sélectionner différents types d’éléments HTML (en les identifiant par la classe class="square") et de leur assigner le même style .square {.

Instructions
Créez autant d'éléments HTML que vous le souhaitez et appliquez-leur la classe "joli". Dans l'onglet CSS, appliquez la police cursive et la couleur #0000CD à votre classe .joli.
Attention ! N'oubliez pas d'encadrer joli par des guillemets dans le code HTML. N'oubliez pas le point avant le nom de la classe dans le code CSS.

index html

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Résultat</title>
	</head>
	<body>
		<!--Ajoutez vos éléments HTML ici avec la classe "joli" ci-dessous-->
    <classe>joli</classe>
    <classe>region</classe>
    <classe>bretagne</classe>
	<div class="square"></div>
<img class="square"/>
<td class="square"></td>
    
	</body>
</html>

stylesheet.css

/*Définissez votre CSS ici avec la classe ".joli" ci-dessous!*/
.square {
    height: 100px;
    width: 100px;
}


#2

@cga35,

Instructions