Mise en page CSS avec KompoZer
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.
- Dans l'éditeur de styles, crée une nouvelle règle pour le sélecteur #entete. Si nécessaire, clique sur le bouton
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 .
- Dans l'onglet , Style Plein, épaisseur 1px, couleur au choix ;
- Dans l'onglet , choisis une couleur claire.
Dans l'onglet , 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 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.

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