Soit le code HTML suivant
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>activité3</title>
</head>
<body>
<h1>Cours en ligne</h1>
<div>
<p>HTML</p>
<p>Java script</p>
<ul>
<li>structure conditionnelle</li>
<li>structure itérative</li>
</ul>
</div>
<p>Base de données</p>
<div>
<p>Système d'exploitation</p>
</div>
</body>
</html>
En lui associer le code CSS suivant:
Afficher le code css
body {
background-color: lightBlue;
}
div {
color: white;
background-color: purple;
width: 80%;
/*Définit la largeur des div à 80% de leur parent (body ici)*/
margin: 0 auto;
/*Permet de centrer les div dans leur élément parent (body ici)*/
}Question: En modifiant le code des fichiers de l’activité précédente, mettre le texte « conditionnelle » et «données» en gras, le fond jaune et couleur de police noir.
afficher la solution
pour répondre à la question, il faut utiliser un conteneur générique en ligne “span”
...
span{
background-color: yellow;
font-weight: bold;
color: black;
}