Quizz 3

Quizz 2

Après le quizz 1 ( ici ) voici une mise ne bouche !

Fin du DM1

Après trois semaine de publication, fin du délai de publication.

Blog

Bravo à plusieurs d'entre vous pour l'intégration de la vidéo !

• Regardez par exemple le code du →Blog du jour

• Inspecter le code du blog de Théo Bocquet   ↔ici pour découvrir le code pour animer le texte.

J'ai pu du coup m'inspirer du code que j'ai collé dans le HTML de cet article.

CSS.

<style>    
        .textemulticolore {
            animation-name: couleurchange;
            animation-duration: 2s;
            animation-iteration-count: infinite;
        }
        
        @keyframes couleurchange {
            0% {
                color: red;
            }
            25% {
                color: yellow;
            }
            50% {
                color: blue;
            }
            100% {
                color: green;
            }
        }
    }
 </style>

HTML

<h1 class="textemulticolore"> Mon texte à moi </h1>

mon test à moi

Emmet : Challenge

Allez dans l'éditeur : https://jsfiddle.net/ (vous devez avoir créé un compte)

Dans l'onglet HTML utiliser une seule ligne d'Emmet pour obtenir

<div class="etudiant"></div>
<p class="L1"></p>

même chose pour

<div class="prof"></div>
<div id="dupont"></div>

Contrainte : Vous ne devez pas écrire div dans vos expressions !

ㄙ Intégrer la solution de Jsfiddle dans votre blog

voici le résultat : 

CSS : C'est Super Simple !

Voici le nouveau lien pour le ⍆Cours CSS

Le cours est en découpé en trois chapitres

• Style
• Sélecteur
• Topologie

Nous allons commencer par les ↠Selecteurs, car le Style est réduit à sa plus simple expression.

Quizz

Comment obtenir le texte suivant à partir d'un code HTM ?

<p> : l'élément paragraphe

a) <h1 class="title balise"><p> : l'élément paragraphe </h1>
b) <h1>&lt;p&gt; : l'élément paragraphe</h1>
c) <h1><code class="texte"><p></code> : l'élément paragraphe</h1>
d) <h1>
      <span><</span>
        p
      <span>></span>
: l'élément paragraphe</h1>
e)<h1><span><</span>p<span>></span>: l'élément paragraphe</h1>


Si vous avez répondu correctement (verifier en collant le code dans votre éditeur HTML)
allez plus loin :