Je ne comprends plus rien


#1

Bonjour,

voici ou je suis coincé depuis la semaine derniere

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 :



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.

Je perds la tête avec cette leçon
je ne sais même pas si "joli" est un terme html ou bien juste un mot !

S'il vous plait, aidez moi ! (je précise que la date de fin de mes leçons est passée)


#2

Salut.... les instruction

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....
et tu les as creé

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

mais apres tu a donner a tes elements la class square au lieu de joli


#3

Bonjour wizmarco,

Est-ce que j'avance comme ça ?
Uploading...

Ou et comment dois-je ajouter mes éléments html STP ?

Stylesheet.css

/*Définissez votre CSS ici avec la classe ".joli" ci-dessous!*/
.joli {
color: #0000CD;
font-family: cursive;
}


#4

Salut oui.. et ton html complet doit etre comme ça.

<!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-->
    <div class="joli"></div>
	</body>
</html>

#5

Merci beaucoup wizmarco, exercice passé grace à toi (je fais tout cela pour moi et pour continuer à bien comprendre
car la date où je devais finir mes 25 badges est passée)

Merci encore !!!