CSS3: Et la couleur fut !

  1. A quoi correspond rgb(120,56,13) en héxadécimal ?

    Il s'agit d'un cadre coloré qu'on applique au titre.


  2. Combien de couleurs chacune de ces trois méthodes (rgb, hexa ou nom de couleur) vous permettent d'obtenir ?

    Il y'a 132 couleurs en nom de couleur. En Héxa, il y'a 16 777 216 couleur du fait des nuances de couleurs.


  3. Comparez en quelques lignes ces méthodes (avantages/inconvénients).

    Le mode colorimétrique RVB est dédié uniquement aux écrans. Si votre fichier est dédié à rester sur un écran, alors vous pouvez conserver ce mode. En revanche, si vous imprimez un fichier RVB, vous obtiendrez un résultat très différent de ce qu'affiche votre écran.


  4. Combien cet arbre a-t-il de nœuds de type ELEMENT ? De type TEXT ?

    Cet arbre possède 16 noeuds de type ELEMENT et 12 noeuds de type TEXT.


  5. Ecrire le code HTML correspondant à ce DOM

    une image de DOM
    1. Il y a 16 noeuds de type ELEMENT et 13 noeuds de type TEXT.
    

<body>
    <header>
       <h1>Les papous</h1>    
    </header>
    <main>
        <section>
            <h2>Définition</h2>
            <p>
                Les
            <em>
                papous
            </em>
                sont les habitants de Papouasie
          
        </section>
            <h2>
                Clasification
            </h2>
            <ul>
            <li>
                Les papous papa.
            </li>
            <li>
                Les papous pas papa.
            </li>
        </section>
           </main>
    <footer>
                Site réalisé par 
    <i>
                G.Levi-Strauss
    </i>
                en partenariat avec 
    <i>
                A.Franquin
    </i>
                .
    </footer>
    
</body>

    1. Quel code CSS peut-on écrire pour sans toucher au code HTML (pas de classe ou identifiant !), mettre un fond rouge à "chataignes" et un fond cyan à couverture" ?

      Pour mettre un fond rouge à chataîgne le code sera :

      li ~ li ~ li ~ li > em { background-color: brown; }

      Pour mettre un fond cyan à couverture le code sera :

      h1+ul > li+li > em{ background-color:cyan; }

    Préparatifs pour l'hiver


    1. Quelle sera la couleur des differents éléments de cette page ? Essayez de le trouver par vous-même avant de tester ce code pour vérifier.

      le body sera en rouge, l'intro en violet, le texte en orange, le texte imoortant sera vert,

    2. Pour chaque élément, identifiez les règles qui peuvent potentiellement le concerner et classez-les de la plus forte à la faible, en justifiant.

      Le plus fort est *, ensuite body, ensuite #intro, puis body important, puis p et enfin p important