Donner du style au bloc " en-tête "

L'éditeur CSS va nous permettre de mettre ce premier bloc en forme.

Un bloc <div> muni d'un " id " peut recevoir des directives de style qui lui sont propres.
Règle pour #entete
  • Dans l'éditeur de styles, crée une nouvelle règle pour le sélecteur #entete. Si nécessaire, clique sur le bouton Palette pour activer l'onglet qui convient.

Il s'agit d'une règle à appliquer à tous les éléments d'un type. Le type est #entete. 

Le signe # indique expressément que nous faisons référence au bloc dont l'id est entete.

  • Clique sur le bouton Créer la règle de style.
    • Dans l'onglet Bordure, Style Plein, épaisseur 1px, couleur au choix ;
    • Dans l'onglet Fond, choisis une couleur claire.
    • Onglet GénéralDans l'onglet Général, remarque que la synthèse des règles appliquées est visible.
      Tu pourrais avoir d'autres indications que celles qui figurent sur l'illustration ci-contre.
  • Clique sur le bouton Fermer pour terminer la définition de style pour le bloc entete.

Le bloc entete est maintenant parfaitement visible sur la page. La couleur peut être différente de celle de l'illustration ci-dessous, en fonction de ton choix.

Bloc "entete" avec du style

  • Enregistre ton travail.

Quand ton document est au point et enregistré, passe à la page suivante. Vers la page suivante Page suivante


Dernière modification 01/09/2016 Test dans /info ...