CSS : mettre en forme le Web (école d'ingénieur) · Chapitre 1 · Application directe du cours
Le lien ou l'élément style ?
Premiers pas en CSS · niveau 2
Énoncé
Le fichier ex7.css contient p { color: #1f3a68; }. Deux pages contiennent le même paragraphe ; elles ne diffèrent que par l'ordre des éléments de leur en-tête.
<head>
<meta charset="utf-8">
<title>Le lien puis l’élément style</title>
<link rel="stylesheet" href="ex7.css">
<style>
p {
color: #e07a1f;
}
</style>
<head>
<meta charset="utf-8">
<title>L’élément style puis le lien</title>
<style>
p {
color: #e07a1f;
}
</style>
<link rel="stylesheet" href="ex7.css">De quelle couleur est le paragraphe dans chaque page ? Formuler la règle observée. Vérifier dans l'onglet Styles : quelle déclaration est barrée, et pourquoi sans triangle d'avertissement ?
Corrigé
Page A (lien, puis <style>) : le paragraphe est ocre (rgb(224, 122, 31)). Page B (<style>, puis lien) : il est bleu nuit (rgb(31, 58, 104)).
Les deux règles ont le même sélecteur p : à égalité, la dernière rencontrée dans l'ordre du document l'emporte. Une feuille liée et un élément <style> sont traités de la même façon ; seule compte leur position dans le <head>. Le chapitre 3 précisera ce qu'« à égalité » veut dire.
Dans l'onglet Styles, la déclaration perdante est barrée sans triangle : elle est parfaitement valide, simplement écartée par une autre.
100 % gratuit
La suite du chapitre est sur Adloun
- 10 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.