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 CasCadeS, 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.
- Enregistre ton travail.
Quand ton document est au point et enregistré, passe à la page
suivante.
Dernière modification 15/10/2007
