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

Créer et appliquer un sélecteur d'ID

Ce didacticiel illustre la mise en forme du code CSS dans Dreamweaver.

Dans cette section, nous allons voir comment créer et appliquer un sélecteur d'ID.

Revenons au Monde à peu près:

Texte

Sélectionnez le menu Format puis Styles CSS, puis cliquez sur Nouveau:

Nouveau styles CSS

La boîte de dialogue Nouvelle règle de CSS apparaît.

Nouvelle règle css

Cette fois-ci nous avons choisi l'identité comme électeur de type.

Nous utilisons pour nom du sélecteur FirstPara. (Notez que Dreamweaver va inseré le symbole # au début du nom du sélecteur.

Pour la définition de la règle choisir la feuille de style externe connecté. La boîte de dialogue complétée ressemble à ceci.

Configurer règles css

Cliquez sur OK et la boîte de dialogue Définition de règle CSS apparaît.

Définition des règles pour FirstPara

Précisons de trois attributs.

Sur la page Type pour Font-variant, nous avons mis en variante à smal-caps.

Sur la page de fond nous avons mis la couleur de fond d'un bleu clair.

Sur la page Bloc nous avons mis le texte-indent à 10 pixels.

Cliquez sur OK et le sélecteur d'ID est créé avec les propriétés choisies.

Pour appliquer le nouveau sélecteur ID du premier alinéa de notre document, nous allons utiliser une approche différente, et qui fonctionne bien dans cette situation.

Placez le curseur dans le premier paragraphe. Notez les mots en bas de la fenêtre de document. Le dernier est un <p>, qui est la balise «en vigueur» pour ce paragraphe.

Faites un clic droit sur cette étiquette, et un menu apparaît.

Définir identité FirstPara

Sélectionner définir ID et un fly-out apparaît avec une liste de tous les sélecteurs d'ID disponibles sur celui-ci. Choisissez FirstPara, et notez l'effet sur le paragraphe sélectionné.

Effet définir identité

Notez les petites capitalisations, le fond bleu clair et le texte à 10 pixels sur la première ligne.

Un des avantages de la sauvegarde de ce sélecteur d'ID dans la feuille de style externe, c'est que nous pouvons l'utiliser dans une page Web à laquelle la feuille de style est attachée.

 

   

 

   

 

 

Extras Dreamweaver

Autres fonctions Dreamweaver

Référencement de site