• 15 heures
  • Facile

Ce cours est visible gratuitement en ligne.

Ce cours existe en livre papier.

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 04/11/2024

Mettre en forme des pages web avec CSS3

Compétences évaluées

  • Mettre en forme des pages web avec CSS3
  • Question 1

    Quelles étapes doit-on suivre pour importer du CSS dans un fichier HTML ?

    Attention, plusieurs réponses sont possibles.
    • Importer le fichier dans une balise  <css>

    • Créer un fichier ayant l'extension  .css

    • Utiliser la balise  <link>  pour importer le fichier

    • Écrire directement du style dans la balise  <css>

  • Question 2

    On a le code HTML suivant :

    <body>
        <h1>Bienvenue sur ma page</h1>
        <p>Ceci est le super contenu de mon paragraphe</p>
    </body>
    

    Comment faire pour que la couleur du titre ainsi que du paragraphe soient  #ff1493  ?

    Attention, plusieurs réponses sont possibles.
    • h1, p {
         color: #ff1493;
      }
      
    • h1 {
         color: #ff1493;
      }
       
      p {
         color: #ff1493;
      }
      
    • h1, p {
         color: rgb(255, 20, 147);
      }
      
    • h1 + p {
         color: #ff1493;
      }
      
  • Question 3

    On a le HTML suivant :

    <p class="premier-paragraphe"></p>
    <p class="deuxieme-paragraphe"></p>
    

    À partir de l'aperçu suivant, quelles propriétés de texte ont été appliquées dans les classes  premier-paragraphe  ou  deuxieme-paragraphe ?

    Ii y a une couleur de fond bleu ciel, mais la couleur du texte n'a pas été modifiée. Tout comme l'épaisseur du texte. Pas de soulignement, ou de texte barré. En revanche, le texte est centré, la police du premier paragraphe est plus grande et ne possède pas de serif.

    Attention, plusieurs réponses sont possibles.
    • text-align

    • font-size

    • text-decoration

    • font-family

    • color

Et si vous obteniez un diplôme OpenClassrooms ?
  • Formations jusqu’à 100 % financées
  • Date de début flexible
  • Projets professionnalisants
  • Mentorat individuel
Trouvez la formation et le financement faits pour vous