Please enable JavaScript!
Bitte aktiviere JavaScript!
S'il vous plaît activer JavaScript!
Por favor,activa el JavaScript!
antiblock.org

Définition des propriétés CSS d'une page

Ce tutoriel illustre la définition des propriétés CSS dans Dreamweaver.

Vous aurez souvent besoin de modifier les propriétés d'une règle CSS. Il y a plusieurs façons de le faire, mais nous allons commencer avec le document, nous avons utilisé dans la dernière section le panneau Styles CSS.

Panneau css affiché

Nous allons apporter quelques modifications à la règle header (en-tête).

Une façon de le faire est de le sélectionner, puis faire des changements dans le panneau inférieur dans le panneau Styles CSS. Au bas de l'écran existe un bouton Afficher la vue sous forme de Liste, qui répertorie toutes les propriétés disponibles.

Afficher sous forme de liste

Si j'appuie sur ce bouton, je vois toutes les propriétés, et paux sélectionner ou spécifier des valeurs pour l'un d'eux que je veux.

Ici, je vais préciser que text-align doit être Center.

Text align

Après avoir fait cela, j'appuie sur le bouton de commande Afficher uniquement les propriétés définies et le panneau inférieur ne montre maintenant que les propriétés définies.

Afficher uniquement les propriétés définies

Une alternative à cette approche consiste à utiliser le lien Ajouter une propriété affichée et ajouter les propriétés requises une à la fois.

Une autre façon de modifier les propriétés d'un style est de double-cliquer sur le nom du style dans le panneau Styles CSS. Cette définition appelle la règle CSS avec ses différentes pages.

définir règles

La page Type vous permet de spécifier tout ce qui concerne votre choix de police, y compris la combinaison, la taille et la couleur.

Le fond de page vous permet de spécifier la couleur de fond, placer une image en arrière-plan, etc. Nous allons changer la couleur de fond du vert au rouge.

Changer couleur arrière-plan

Les autres pages de la boîte de dialogue vous permettent de spécifier l'espacement et l'alignement, les paramètres de frontières, etc

Donc, j'ai sauvé mes changements et tout ce qu'il faut faire maintenant, c'est de voir ces propriétés CSS en action révisée en appliquant le style header l'en-tête D'un texte.

Modifier couleur règle arrière-plan

En appliquant le style du premier alinéa, le fond est en rouge et le texte est centré.

   

 

   

 

 

Extras Dreamweaver

Autres fonctions Dreamweaver

Référencement de site