Création d’une règle CSS

Rechercher
Adobe Dreamweaver Guide d'utilisation
S’applique à : Adobe Dreamweaver

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

Sous Dreamweaver CC et versions ultérieures, le panneau Styles CSS a été remplacé par CSS Designer. Pour plus d’informations, consultez la section CSS Designer.

Vous pouvez créer une règle CSS pour automatiser le formatage de balises HTML ou d’une plage de texte identifiée par un attribut class ou ID.

  1. Placez le point d’insertion dans le document, puis procédez de l’une des manières suivantes pour ouvrir la boîte de dialogue Nouvelle règle CSS :
    • Choisissez Format > Styles CSS > Nouveau.
    • Dans le panneau Styles CSS (Fenêtre > Styles CSS), cliquez sur le bouton Nouvelle règle CSS (+), situé dans la partie inférieure droite du panneau.
    • Sélectionnez le texte dans la fenêtre de document, choisissez Nouvelle règle CSS dans le menu Règle cible de l’inspecteur Propriétés CSS (Fenêtre > Propriétés), puis cliquez sur le bouton Modifier la règle ou choisissez une option dans l’inspecteur Propriétés CSS (par exemple, cliquez sur le bouton Gras) afin d’entamer la création d’une nouvelle règle.
  2. Dans la boîte de dialogue Nouvelle règle CSS, spécifiez le type de sélecteur pour la règle CSS à créer :
    • Pour créer un style personnalisé pouvant être appliqué comme un attribut class à n’importe quel élément HTML, choisissez Classe dans le menu Sélecteur de types. Entrez ensuite le nom du style dans la zone de texte Nom du sélecteur.

    Remarque :

    Les noms de classe doivent commencer par un point et peuvent contenir n’importe quelle combinaison de lettres et de chiffres (par exemple, .monentete1). Si vous omettez le point, Dreamweaver l’insère à votre place.

    • Pour définir le formatage d’une balise contenant un attribut id spécifique, choisissez ID dans le menu Type de sélecteur, puis entrez l’ID unique (par exemple containerDIV) dans la zone de texte Nom du sélecteur.

    Remarque :

    Les ID doivent commencer par un signe dièse (#) et peuvent contenir n’importe quelle combinaison de lettres et de chiffres (par exemple, #monID1). Si vous omettez le signe dièse initial, Dreamweaver l’insère à votre place.

    • Pour redéfinir le formatage par défaut d’une balise HTML spécifique, choisissez Balise dans le menu Type de sélecteur, puis entrez une balise HTML dans la zone de texte Nom du sélecteur ou choisissez-en une dans le menu.
    • Pour définir une règle composée influant simultanément sur plusieurs balises ou ID, choisissez l’option Composé puis entrez les sélecteurs pour votre règle composée. Par exemple, si vous entrez div p, tous les éléments p contenus dans des balises div seront influencés par la règle. Au fur et à mesure que vous ajoutez ou supprimez des sélecteurs, une zone de description explique quels éléments seront influencés par la règle.
  3. Choisissez l’endroit où vous voulez définir la règle, puis cliquez sur OK :
    • Pour placer la règle dans une feuille de style qui est déjà associée au document, sélectionnez la feuille de style.
    • Pour créer une feuille de style externe, choisissez Nouveau fichier feuille de style.
    • Pour incorporer le style dans le document actif, choisissez Seulement ce document.
  4. Dans la boîte de dialogue Définition des règles de CSS, choisissez les options à définir pour la nouvelle règle CSS. Pour plus d’informations, consultez la section suivante.
  5. Lorsque vous avez défini les propriétés de style, cliquez sur OK.

    Remarque :

    Le fait de cliquer sur OK sans définir d’options de style entraîne la création d’une nouvelle règle vide.