Partager via


Concevoir des styles générés en mode manuel

Si vous êtes un concepteur expérimenté de feuilles de style en cascade (CSS) et êtes capable d’écrire votre propre CSS, l’utilisation de Microsoft Expression Web en mode d’application de style Manuel peut vous permettre de rationaliser votre processus de création. En mode Manuel et Automatique, Expression Web crée et modifie les styles lorsque vous mettez en forme des éléments dans une page. En mode Manuel, vous pouvez également conserver un contrôle précis sur les styles modifiés par Expression Web et sur les types de styles qu’il génère.

La barre d’outils Application des styles vous permet de modifier le mode d’application des styles, de choisir le style qui sera modifié et de définir d’autres options.

Pour définir le mode d’application de styles

  • Effectuez l’une des opérations suivantes :

    • En mode Création ou Code, dans votre page Web, dans la barre d’état située en bas de la fenêtre du programme, cliquez avec le bouton droit sur Application de style, pointez sur Mode, puis sélectionnez Automatique ou Manuel.

    • Dans la barre d’outils Application de style, cliquez sur la liste déroulante Application de style, puis sélectionnez Automatique ou Manuel.

    • Dans le menu Outils, sélectionnez Options de l’éditeur de page. Dans l’onglet CSS de la boîte de dialogue Options de l’éditeur de pages, sélectionnez Application de style automatique ou Application de style manuelle.

Pour modifier des styles existants en utilisant la barre d’outils Application des styles

  1. En mode Création ou en mode Code, dans votre page Web, passez au mode d’application des styles Manuel.

  2. Vous pouvez soit placer le curseur dans le contenu que vous voulez mettre en forme ou sélectionner le contenu.

  3. Dans la barre d’outils Application des styles, cliquez sur le menu déroulant Règle cible puis sélectionnez le style désiré.

  4. Si le style sélectionné dans la liste déroulante Règle cible ne contient pas de déclaration pour la propriété que vous mettez en forme mais qu’il y a un autre style qui en contient une et est utilisé par la sélection active, effectuez l’une des opérations suivantes :

    • Pour modifier le style qui contient déjà une déclaration pour la propriété que vous voulez mettre en forme, sélectionnez Réutiliser les propriétés.

    • Pour ajouter une nouvelle déclaration de propriété au style sélectionné dans la zone Règle cible, désactivez la case à cocher Réutiliser les propriétés.

  5. Mettez en forme le contenu en utilisant Expression Web.

Pour créer de nouveaux styles en utilisant la barre d’outils Application des styles

  1. En mode Création ou en mode Code, dans votre page Web, passez au mode d’application des styles Manuel.

  2. Vous pouvez soit placer le curseur dans le contenu que vous voulez mettre en forme ou sélectionner le contenu.

  3. Dans la barre d’outils Application des styles, cliquez sur le menu déroulant Règle cible puis effectuez l’une des opérations suivantes :

    • Pour qu’Expression Web génère un nouveau style, basé sur la mise en forme appliquée et applique le style au contenu actuel, sélectionnez Nouveau style intraligne, Nouvel ID automatique ou Nouvelle classe automatique, puis mettez en forme le contenu en utilisant Expression Web.

    • Pour créer un nouveau style en utilisant la boîte de dialogue Nouveau style et appliquer aussi le style à la sélection active, sélectionnez Appliquer le nouveau style. Pour plus d’informations, voir Créer un style.

Voir aussi

Concepts

Barre d’outils Application de style

Définir les préférences des feuilles de style en cascade générées