Créez une nouvelle feuille de style dans le panneau Styles CSS - des nuls

Lorsque vous cliquez sur l'icône Nouvelle règle CSS (affichée dans la marge) en bas du panneau Styles CSS, la boîte de dialogue Nouvelle règle CSS s'ouvre. La boîte de dialogue Nouvelle règle CSS combine des fonctions pour définir des styles pour des feuilles de style existantes et créer une nouvelle feuille de style.

Vous pouvez utiliser la boîte de dialogue Nouvelle règle CSS pour ajouter de nouveaux styles à un fichier feuille de style CSS existant. Mais vous pouvez également utiliser la boîte de dialogue Nouvelle règle CSS pour créer un nouveau fichier de feuilles de style CSS. Ce dernier crée un tout nouveau fichier de feuille de style CSS.

Procédez comme suit pour créer une nouvelle feuille de style à partir de la boîte de dialogue Nouvelle règle CSS:

1Ouvrez la boîte de dialogue Nouvelle règle CSS ouverte.

Choisissez Tag dans la liste déroulante Type de sélecteur.

2Choisissez Corps dans la liste déroulante Nom du sélecteur pour créer un style d'étiquette de corps pour votre nouvelle feuille de style.

Presque chaque feuille de style inclut un style de balise body définissant la police, la couleur de la police et l'arrière-plan de la page pour l'ensemble de la page.

Plus tard, vous pouvez créer des styles supplémentaires, mais la balise body est presque toujours un bon point de départ pour créer une nouvelle feuille de style.

3Dans la zone Définition de la règle, indiquez où votre règle sera définie en choisissant Nouveau fichier de feuille de style.

Plus tard, lorsque vous ajoutez des styles supplémentaires au fichier CSS, vous sélectionnez le fichier CSS ouvert dans cette même liste déroulante.

4Cliquez sur OK dans la boîte de dialogue Nouvelle règle CSS.

La boîte de dialogue Enregistrer le fichier de feuille de style sous apparaît.

5Cliquez sur le bouton Racine du site pour enregistrer le fichier dans le dossier racine de votre site Dreamweaver et entrez un nom de fichier.

Dreamweaver fournit le. extension de fichier css automatiquement.

6Laissez la liste déroulante Relatif à définie sur Document.

Cette option définit un lien fiable et efficace entre le fichier de feuille de style et la page HTML ouverte.

7Cliquez sur Enregistrer.

La boîte de dialogue Définition de règle CSS s'ouvre.

Vous êtes prêt à définir votre premier style dans Dreamweaver. Mais parce que la boîte de dialogue Définition de Règle CSS a tellement d'options, nous les explorons ensuite. Pour l'instant, vous pouvez enregistrer votre fichier de feuille de style sans définir les propriétés du tag de corps.