ÉDition d'un style dans Dreamweaver

Vous pouvez modifier les attributs de n'importe quel style dans Dreamweaver après l'avoir créé en modifiant sa définition de style. C'est là que certains des plus grands avantages des feuilles de style en cascade entrent en jeu. Vous pouvez apporter des modifications globales à une page (ou même à un site Web entier) en changeant un style; Lorsque vous modifiez le style, les modifications sont appliquées automatiquement à chaque élément qui utilise le style.

L'une des raisons pour lesquelles les feuilles de style externes sont si précieuses est que vous pouvez créer des styles utilisés sur toutes les pages ou d'un site. Attention cependant, cette capacité peut également entraîner des problèmes. Si vous décidez de modifier un style lorsque vous l'utilisez sur une nouvelle page, n'oubliez pas que vous allez changer la mise en forme partout ailleurs où vous avez déjà utilisé ce style.

Vous pouvez créer de nouveaux styles en dupliquant un style existant, en lui donnant un nouveau nom, puis en modifiant les définitions de style. Cette astuce qui permet de gagner du temps est utile lorsque vous voulez créer un nouveau style similaire à un style existant.

Pour modifier un style existant (qu'il ait été créé à l'aide de la classe, du tag ou du sélecteur d'ID), procédez comme suit:

1. Ouvrez le panneau CSS Designer en choisissant Fenêtre → Styles CSS.

2. Dans le panneau des sélecteurs CSS Designer, sélectionnez le nom d'un style existant.

   Les règles de style sont affichées dans le panneau Propriétés.

   Si vous souhaitez modifier un style qui a déjà été utilisé pour mettre en forme du texte, des images ou d'autres contenus dans la page ouverte dans Dreamweaver, sélectionnez le contenu. Le nom du style appliqué à ce contenu sera affiché dans le panneau Sélecteurs, ce qui facilite la recherche et la modification.

3. Modifiez les paramètres du style selon vos préférences.

   • Si vous modifiez un style dans la boîte de dialogue Définition de règle CSS, les modifications sont appliquées automatiquement lorsque vous cliquez sur le bouton Appliquer ou lorsque vous cliquez sur OK.

   • Si vous modifiez une définition de style dans le panneau Propriétés, les modifications sont appliquées automatiquement dès que vous appuyez sur la touche Retour ou Entrée ou cliquez en dehors du champ de formatage du panneau.