Dans le document, sélectionnez le texte auquel
vous voulez appliquer un style CSS.
Dernière mise à jour le
6 mai 2019
Apprenez comment appliquer, supprimer ou renommer des styles de classes CSS sous Dreamweaver
Annotation
Sous Dreamweaver et versions ultérieures, le panneau Styles CSS a été remplacé par CSS Designer. Pour plus d’informations, consultez la section CSS Designer.
Les styles de classe sont le seul type de style CSS qui peut être appliqué à n'importe quel texte dans un document, quelles que soient les balises qui contrôlent le texte. Tous les styles de classe associés au document actuel sont affichés dans le panneau Styles CSS (avec un point [.] précédant leur nom) et dans le menu contextuel Style de l'inspecteur de propriétés de texte.
Vous verrez la plupart des styles mis à jour immédiatement, cependant, vous devriez prévisualiser votre page dans un navigateur pour vérifier qu'un style a été appliqué comme prévu. Lorsque vous appliquez deux styles ou plus au même texte, les styles peuvent entrer en conflit et produire des résultats inattendus.
Annotation
Lors de la prévisualisation de styles définis dans une feuille de style CSS externe, assurez-vous d'enregistrer la feuille de style pour vous assurer que vos modifications sont reflétées lorsque vous prévisualisez la page dans un navigateur.
Application d’un style de classe CSS
Placez le point d'insertion dans un paragraphe pour appliquer le style à l'ensemble du paragraphe.
Si vous sélectionnez une plage de texte dans un seul paragraphe, le style CSS affecte seulement la plage sélectionnée.
Pour spécifier la balise exacte à laquelle le style CSS doit être appliqué, sélectionnez la balise dans le sélecteur de balises situé en bas à gauche de la fenêtre Document.
Pour appliquer un style de classe, procédez de l'une des manières suivantes :
Dans le panneau Styles CSS (Fenêtre > Styles CSS), sélectionnez le mode Tous, cliquez avec le bouton droit sur le nom du style que vous voulez appliquer, et sélectionnez Appliquer dans le menu contextuel.
Dans l'inspecteur de propriétés HTML, sélectionnez le style de classe que vous voulez appliquer dans le menu contextuel Classe.
Dans la fenêtre Document, cliquez avec le bouton droit (Windows) ou Cliquez en maintenant Contrôle enfoncé (Macintosh) sur le texte sélectionné, et dans le menu contextuel, sélectionnez Styles CSS puis sélectionnez le style que vous voulez appliquer.
Sélectionnez Format > Styles CSS, et dans le sous-menu sélectionnez le style que vous voulez appliquer.
Suppression d’un style de classe d’une sélection
Sélectionnez
l'objet ou le texte dont vous voulez supprimer le style.
Dans l'inspecteur de propriétés HTML (Fenêtre >
Propriétés), sélectionnez Aucun dans le menu contextuel Classe.
Changement de nom d’un style de classe
Dans le
panneau Styles CSS, cliquez avec le bouton droit sur le style de classe CSS que vous voulez renommer
et sélectionnez Renommer la classe.
Annotation
Vous pouvez également renommer une classe en sélectionnant Renommer la classe dans le menu d'options du panneau Styles CSS.
Dans la boîte de dialogue Renommer la classe, assurez-vous que la classe
que vous voulez renommer est sélectionnée dans le menu contextuel Renommer la classe.
Dans la zone de texte Nouveau nom, saisissez le nouveau nom de la nouvelle classe, puis cliquez sur OK.
Si la classe que vous renommez est interne à l'en-tête du document actuel, Dreamweaver modifie le nom de la classe ainsi que toutes les instances du nom de classe dans le document actuel. Si la classe que vous renommez est dans un fichier CSS externe, Dreamweaver ouvre et modifie le nom de la classe dans le fichier. Dreamweaver lance également une boîte de dialogue Rechercher et remplacer à l'échelle du site pour que vous puissiez rechercher toutes les instances de l'ancien nom de classe dans votre site.
Créez de magnifiques sites web dans Dreamweaver
Concevez, codez et gérez des sites web dynamiques dans un puissant outil tout-en-un.
