Architecture et langages Web (NFA040)

Feuille 3 ( Premiers exercices CSS )

Olivier Pons
(pons@cnam.fr)

2022

Lire la page HTML et la feuille de style CSS qui suivent et répondre aux questions suivantes :

body du code html

<body>
  <h1>Un gros titre</h1>
  <p class="bleu">Voici le paragraphe
    associé au titre 1.
  </p>
  <p class="important">Voici
    un bout de texte
    mis en évidence avec la
    balise em:
    <em> ceci est à faire remarquer </em>.
  </p>
  <p> Et voila le résultat
    de la balise strong :
    <strong class="important"> coucou </strong>.
  </p>
  <h2 class="important">un titre plus petit</h2>
  <h3 class="important">encore + petit</h3>
  <h4 class="resume">encore + <em>petit</em></h4>
  <h5>encore + petit</h5>
  <p>toto</p>
</body>

le code css associé

body {
 color:rgb(183,0,183);        /*01*/ 
 margin:1.5cm;                /*02*/
}
h1, h2 {
 color:aqua;                  /*03*/ 
 text-align:center;           /*04*/
}
p {color:black;}              /*05*/
.important {color:red;}       /*06*/ 
p.bleu {color:blue;}          /*07*/ 
p em {color:gray;}            /*08*/
p .important {color:green;}   /*09*/
.resume em {color:yellow;}    /*10*/
h5 + p {color:lime;}          /*11*/