Déplacement des règles CSS sous Dreamweaver

Dernière mise à jour le 27 avr. 2021

Déplacement, exportation ou revue des règles CSS pour une nouvelle feuille de style ou une feuille de style existante sous Dreamweaver.

Les fonctionnalités de gestion CSS dans Dreamweaver facilitent le déplacement ou l'exportation des règles CSS vers différents emplacements. Vous pouvez déplacer les règles d'un document à l'autre, de l'en-tête d'un document vers une feuille de style externe, entre les fichiers CSS externes, et plus encore.

Annotation

Si la règle que vous tentez de déplacer entre en conflit avec une règle dans la feuille de style de destination, Dreamweaver affiche la boîte de dialogue Règle avec le même nom existe.Si vous choisissez de déplacer la règle en conflit, Dreamweaver place la règle déplacée immédiatement à côté de la règle en conflit dans la feuille de style de destination.

Déplacement ou exportation de règles CSS vers une nouvelle feuille de style.

En mode Code, sélectionnez la ou les règles à déplacer. Cliquez ensuite avec le bouton droit sur la sélection et sélectionnez Sélection > Déplacer les règles CSS dans le menu contextuel.

Annotation

La sélection partielle d’une règle se traduit par le déplacement de l’ensemble de la règle.

Dans la boîte de dialogue Déplacer vers la feuille de style externe, sélectionnez l'option Nouvelle feuille de style et cliquez sur OK.
Dans la boîte de dialogue Enregistrer le fichier de feuille de style sous, saisissez un nom pour la nouvelle feuille de style et cliquez sur Enregistrer.

Lorsque vous cliquez sur Enregistrer, Dreamweaver enregistre une nouvelle feuille de style avec les règles que vous avez sélectionnées et l'attache au document actuel.

Déplacement ou exportation de règles CSS vers une feuille de style existante.

En mode Code, sélectionnez la ou les règles à déplacer. Cliquez ensuite avec le bouton droit sur la sélection et sélectionnez Sélection > Déplacer les règles CSS dans le menu contextuel.

Annotation

La sélection partielle d’une règle se traduit par le déplacement de l’ensemble de la règle.

Dans la boîte de dialogue Déplacer vers la feuille de style externe, sélectionnez une feuille de style existante dans le menu contextuel ou parcourez pour trouver une feuille de style existante et cliquez sur OK.
Annotation

Le menu contextuel affiche toutes les feuilles de style qui sont liées au document actuel.

Réorganiser ou déplacer des règles CSS en les faisant glisser

Dans le panneau CSS Designer (mode Tous), sélectionnez une règle et faites-la glisser vers l'emplacement souhaité.Vous pouvez sélectionner des règles et les faire glisser pour les réorganiser à l’intérieur d’une feuille de style, ou déplacer une règle vers une autre feuille de style ou dans la section head du document.

Annotation

Vous pouvez déplacer plusieurs règles à la fois en appuyant sur la touche Ctrl (Windows) ou Commande (Macintosh) tout en cliquant avec la souris sur plusieurs règles pour les sélectionner.