Créer une nouvelle feuille de style dans le panneau styles CSS

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

Sommaire

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

Suivez ces étapes pour créer une nouvelle feuille de style de la boîte de dialogue Nouvelle règle CSS:

Créer une nouvelle feuille de style dans le panneau styles CSS
Créer une nouvelle feuille de style dans le panneau styles CSS Agrandir
1

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




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

2

Choisissez organisme de la liste déroulante Nom du sélecteur de créer une balise style de carrosserie pour votre feuille de style nouveau.

Feuille de style inclut presque tous un style de balise body qui définit la police, la couleur de police, et de fond de page pour la page entière.

Plus tard, vous pouvez créer des styles supplémentaires, mais l'étiquette de corps est presque toujours un bon endroit pour commencer lors de la création d'une nouvelle feuille de style.

3

Dans le domaine de définition de règle, préciser où votre règle sera définie en choisissant Nouveau fichier feuille de style.

Plus tard, lorsque vous ajoutez des styles supplémentaires pour le fichier CSS, vous pourrez sélectionner le fichier à partir de cette même liste déroulante CSS ouverte.

4

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

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

5

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

Dreamweaver fournit l'extension de fichier .css automatiquement.

6

Donner la liste relative Pour déroulant réglé sur document.

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

Créer une nouvelle feuille de style dans le panneau styles CSS
Créer une nouvelle feuille de style dans le panneau styles CSS Agrandir
7

Cliquez sur Enregistrer.

La boîte de dialogue Définition des règles CSS ouvre.

Vous êtes prêt à définir votre premier style dans Dreamweaver. Mais parce que la boîte de dialogue Définition des règles CSS a tellement d'options, nous les explorer prochaine. Pour l'instant, vous pouvez enregistrer votre fichier de feuille de style sans définir les propriétés de la balise de corps.


» » » » Créer une nouvelle feuille de style dans le panneau styles CSS