Qu'est-ce qu'une feuille de style ?

• Dreamweaver ( Feuilles de style)
• Création de site

01/01-2004 à 00:00 : Qu'est ce qu'une feuille de style ? Un feuille de style vous permet de définir la police, couleur de fond du texte, alignement du texte, image de fond ... A peu près tous ce qui concerne la présentation de votre page.

---

Qu'est ce qu'une feuille de style ?


Un feuille de style vous permet de définir la police, couleur de fond du texte, alignement du texte, image de fond ... A peu près tous ce qui concerne la présentation de votre page.

Quelle différence avec une définition manuelle de vos polices ... ?
Simplicité d'utilisation, très pratique pour changer une couleur sur toutes vos pages en quelques clics.


Bref, la feuille de style vous permet de faire une bonne fois pour tous vos paramétrages de présentation sans avoir à vous en soucier lors de la rédaction. Memoclic est gérer entièrement par feuille de style.


Par exemple :
Si je décide de changer la couleur de mes liens. Il me suffit de modifier un seul fichier (la feuille de style) pour modifier l'intégralité de mes pages.


Il existe plusieurs techniques
La feuille de style au sein du document HTML. Dans ce cas là, tous vos styles sont enregistrés dans chaque page HTML.
La feuille de style externe : chaque page pointera alors vers la feuille de style. Aucune donnée ne sera stockée au sein de la page même. Prenons cette page comme exemple. Lorsque celle-ci est chargée, une balise en début de page indique qu'il existe une feuille de style externe. Le chemin étant indiqué, le navigateur précharge la feuille.


Un style peut s'appliquer de plusieurs manières
€ Redéfinition des balises existantes. Par exemple la balise correspond au corps de la page (ce que vous lisez). On peut tout à fait indiquer que, pour la balise , la police de caractère sera Verdana par exemple. Cela vous évitera - à chaque page - de redéfinir la police pour tout votre texte.


€ Créer un style personnalisé. Vous voyez par exemple ce texte. J'ai appliqué sur ce texte le style "accentue" que j'ai créé au préalable. Dans la feuille de style, il est indiqué que "accentue" met le texte de cette couleur et en gras.


€ Les combinaisons de balises. Notamment la balise du lien. Ce lien peut avoir différents "statuts" : normal, déjà visité, survolé ou actif. Chacun de ces statuts peut avoir une apparence différente. Attention toutefois, le style sur le lien survolé ne fonctionne pas sous Netscape.



Comment créer une feuille de style ?
Afficher la palette Styles à l'aide du menu Fenêtre - Style CSS (raccourci F7). Vous arrivez sur cette fenêtre :






Comme vous pouvez le constater aucun style n'a été créé. Vous pouvez alors créer un style depuis ce bouton . le menu ci-contre apparaît. Pour créer un nouveau style, sélectionnez la commande Nouveau.


Ce n'est pas l'unique façon de créer un style. Je trouve plus pratique - personnellement - de passer par le menu contextuel de la page.


Faites un Clic droit sur la page (sur un endroit vide ou du texte). Puis sélectionnez la commande Styles CSS - modifier la feuille de style. Vous arrivez sur cette fenêtre :







Ça semble déjà plus clair que la petite palette précédente. Même procédure, pour créer un nouveau style cliquez simplement sur le bouton correspondant. Nous allons maintenant voir ce qu'il est possible de faire.

---

---

Dossiers

---