PDF (adobe.com)

Déplacement des règles CSS



Les fonctions de gestion des feuilles de styles CSS de Dreamweaver vous permettent de déplacer facilement les règles CSS vers des emplacements différents. Vous pouvez déplacer des règles d'un document vers un autre, de la section head d'un document vers une feuille de style externe, entre des fichiers CSS externes, etc.

Remarque : Si la règle que vous essayez de déplacer est en conflit avec une règle de la feuille de style de destination, Dreamweaver affiche la boîte de dialogue Il existe déjà une règle de ce nom. Si vous décidez de déplacer la règle en conflit, Dreamweaver place la règle déplacée à proximité immédiate de la règle avec laquelle elle est en conflit dans la feuille de style de destination.

Déplacement des règles CSS vers une nouvelle feuille de style

  1. Effectuez l’une des tâches suivantes :

    • Dans le panneau Styles CSS, sélectionnez la ou les règles que vous souhaitez déplacer. Cliquez ensuite sur la sélection avec le bouton droit de la souris et choisissez Déplacer les règles CSS dans le menu contextuel. Pour sélectionner plusieurs règles, appuyez sur la touche Ctrl (Windows) ou Commande (Macintosh) tout en cliquant avec la souris sur les règles à sélectionner

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

    • Remarque : La sélection partielle d'une règle se traduit par le déplacement de l'ensemble de la règle.
  2. Dans la boîte de dialogue Déplacer dans une feuille de style externe, sélectionnez l'option de nouvelle feuille de style et cliquez sur OK.
  3. Dans la boîte de dialogue Enregistrer la feuille de style sous, entrez un nom pour la nouvelle feuille de style et cliquez sur Enregistrer.

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

    Vous pouvez également déplacer des règles à l'aide de la barre d'outils de codage. La barre d'outil de codage est disponible uniquement en mode Code.

Déplacement des règles CSS vers une feuille de style existante

  1. Effectuez l’une des tâches suivantes :

    • Dans le panneau Styles CSS, sélectionnez la ou les règles que vous souhaitez déplacer. Cliquez ensuite sur la sélection avec le bouton droit de la souris et choisissez Déplacer les règles CSS dans le menu contextuel. Pour sélectionner plusieurs règles, appuyez sur la touche Ctrl (Windows) ou Commande (Macintosh) tout en cliquant avec la souris sur les règles à sélectionner

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

    • Remarque : La sélection partielle d'une règle se traduit par le déplacement de l'ensemble de la règle.
  2. Dans la boîte de dialogue Déplacer dans une feuille de style externe, sélectionnez une feuille de style existante dans le menu déroulant ou naviguez jusqu'à une feuille de style existante et cliquez sur OK.
    Remarque : Le menu déroulant affiche toutes les feuilles de style qui sont liées au document actif.
    Vous pouvez également déplacer des règles à l'aide de la barre d'outils de codage. La barre d'outil de codage est disponible uniquement en mode Code.

Réorganisation ou déplacement des règles CSS en les faisant glisser

 Dans le panneau Styles CSS (mode Tous), sélectionnez une règle et faites-la glisser jusqu'à l'emplacement désiré. 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.
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.

Sélection de plusieurs règles avant de les déplacer

 Dans le panneau Styles CSS, appuyez sur la touche Ctrl (Windows) ou Commande (Macintosh) tout en cliquant avec la souris sur les règles que vous souhaitez sélectionner.