Exercices CSS

Base CSS

Les exercices ci-après doivent permettre d'utiliser les sélecteurs de base du CSS et de découvrir quelques propriétés courantes.

Base HTML

Tous les exercices de cette page utilisent le code HTML ci-après comme base.

<section>
	<h1>Mon titre 1</h1>
	<article>
		<h2>Mon Titre 2</h2>
		<p>Premier paragraphe</p>
		<p class="maclasse">Deuxième paragraphe</p>
		<p>Troisième paragraphe</p>
		<p id="monid">Quatrième paragraphe</p>
	</article>
	<article>
		<h2 class="maclasse">Mon Titre 3</h2>
		<p id="superid" class="maclasse">Cinquième paragraphe</p>
		<p>Sixième paragraphe</p>
	</article>
</section>

Exercice 1

Pour cet exercice, il faut compléter le code css pour que

• Les articles aient une couleur de fond "sylver", une marge intérieure et extérieure de 10 pixels.
• Le texte des paragraphes aient une couleur couleur "green" et une taille de 14px.
• Les titres de niveau 1 aient une taille de 25 pixels.
• Les titres de niveau 2 aient une taille de 20 pixels et une police "Helvetica".
• La classe maclasse ait une couleur de fond "grey".
• L'élément d'identifiant monid une bordure "solid" et couleur de fond "white".