Créez une nouvelle règle CSS

Dans cette section, vous allez utiliser le panneau Styles CSS pour créer une règle CSS personnalisée ou un style de classe. Les styles de classe vous permettent de définir des attributs de style pour une plage ou un bloc de texte quelconques. Ils peuvent être appliqués à n'importe quelle balise HTML. Pour plus d'informations sur différents types de règles CSS, voir Étude de CSS.

  1. Dans le panneau Styles CSS, cliquez sur Nouvelle règle CSS dans l'angle inférieur droit du panneau.



  2. Dans la boîte de dialogue Nouvelle règle CSS, Sélectionnez Classe à partir des options du Sélecteur de types. Il doit être sélectionné par défaut.
  3. Tapez .gras dans la zone de texte Nom.

    Assurez-vous de saisir le point (.) devant le mot « gras ». Tous les styles de classe sont précédés d'un point (.).

  4. Sélectionnez cafe_townsend.css du menu déroulant Définir dans. Il doit être sélectionné par défaut.



  5. Cliquez sur OK.

    La boîte de dialogue Définir une règle CSS apparaît, vous indiquant ainsi que vous êtes en train de créer un style de classe appelé .gras dans le fichier cafe_townsend.css.

  6. Dans la boîte de dialogue Défintion de règle CSS, procédez de la manière suivante :
  1. Cliquez sur OK.
  2. Cliquez sur Tout, situé en haut du panneau Styles CSS.
  3. Cliquez sur le bouton plus (+) en regard de la catégorie cafe_townsend.css si celle-ci n'est pas développée.

    Vous vous apercevrez que Dreamweaver a ajouté le style de classe .gras à la liste des règles définies dans la feuille de style externe. Si vous cliquez sur la règle .gras dans le volet Toutes les règles, les propriétés de la règle apparaissent dans le volet Propriétés. La nouvelle règle apparaît aussi dans le menu déroulant Style dans l'inspecteur de propriétés.