Aller au contenu

Exercices Préparez l’architecture de votre site

Exercice - Préparez l’architecture de votre site#

  • spécifiez une largeur au <body> et alignez-le dans son parent (<html>)

  • appliquez une couleur de fond différente sur <html> et <body>

  • entête :

    • ajoutez une marge en bas de 30px
    • gérez les marges internes
    • appliquez une couleur de fond

  • menu :

    • fixez la largeur
    • gérez les liens (couleur, alignement...)
    • gérez les liens au survol/focus
    • gérez les marges internes

  • contenu :

    • modifiez l’espacement de chaque titre, de chaque paragraphe
    • stylez les éléments en ligne (<strong>, <em>...)

  • pied de page :

    • ajoutez une marge en haut de 30px
    • alignez au centre le contenu
    • ajoutez des marges internes de 40px
    • gérez les éléments à votre convenance

  • pour les textes :

    • appliquez les polices de votre choix
      • utilisez un service comme Bunny Fonts ou autre
    • spécifiez les différentes tailles (titre, paragraphe...)