Nous travaillons avec la société Google et avec des technologies comme les cookies pour stocker et/ou accéder à des informations personnelles non sensibles stockées sur votre terminal (identifiants uniques, …), que nous traitons afin de réaliser des statistiques d'usage du site, personnaliser les publicités et le contenu et en mesurer les performances, produire des données d’audience, développer et améliorer les produits.

Acceptez-vous les cookies déposés pour la publicité et les mesures d'audience ?

Choisir

BTS SIO Formation
Vous pouvez supprimer ce bandeau si vous acceptez les cookies pour la publicité. Nous essayons de limiter au maximum le nombre de publicités sur le site et nous estimons que tout travail mérite salaire.

Test : Base de CSS

Si vous voyez des erreurs vous pouvez nous les indiquer avec le système de discussion en bas de page.

Question 1

Pour sélectionner des balises avec une classe dans un fichier CSS, il faut préfixer le nom de la classe par

Question 2

Pour sélectionner une balise avec un id particulier dans un fichier CSS, il faut préfixer l’id par

Question 3

De quelles couleurs vont s’afficher les deux paragraphes avec les règles suivantes:

<style>
p
{ 
   color : blue;
}
#test1 p
{	
   color: red;
}	
</style>

Extrait de la page HTML

<div id="test1">
	<p>Premier paragraphe</p>
	<p>Deuxième paragraphe</p>
</div>

Question 4

De quelles couleurs vont s’afficher les deux paragraphes avec les règles suivantes ?

<style>
p
{ 
    color : blue;
}
.test1 > p
{	
    color: red;
}
</style>

La page html (extrait)

<div class="test1">
	<p>Premier paragraphe</p>
	<p>Deuxième paragraphe</p>
</div>

Question 5

De quelles couleurs vont s’afficher les deux paragraphes avec les règles suivantes ?

<style>
p
{ 
   color : blue;
}
.test1 + p
{	
  color: red;
} 
</style>

La page html (extrait)

<div class="test1">
	<p>Premier paragraphe</p>
	<p>Deuxième paragraphe</p>
</div>

Question 6

De quelles couleurs vont s’afficher les deux paragraphes avec les règles suivantes ?

<style>
p
{ 
   color : blue;
}
.test1
{	
   color: red;
} 
.test1 p
{	
  color: yellow;
}
</style>

La page html (extrait)

<div class="test1">
	<p>Premier paragraphe</p>
	<p>Deuxième paragraphe</p>
</div>

Question 7

De quelle couleur va s’afficher le paragraphe avec la règle suivante ?

<style>
#paragraphe
{
   color:blue;
}
</style>

La page html (extrait)

<div>
	<p id="paragraphe" style="color:red" >Premier paragraphe</p>
</div>

Question 8

De quelle couleur va s’afficher Bonjour ?

CSS lié à la page HTML

p, div
{
	color: green;
}

div p 
{
	color: blue;
}

La page html (extrait)

<div><p>Bonjour</p></div>