Les feuilles de styles (1/2)

Les feuilles de styles (CSS)

Les feuilles de syles permettent de modifier dynamiquement les propriétés de mise en forme des pages WEB. Elles permettent par exemple de paramétrer l'alignement des paragraphes, l'espacement des lignes à l'intérieur d'un même paragraphe, la taille, le style, la couleur de la police...
Les feuilles de styles sont prises en compte par Netscape Navigator depuis la version 4.0, et par Internet Explorer depuis la version 3.0.

Sommaire :

Où insérer les feuilles de styles ?

Définition de feuilles de style applicables à tout le document :

A l'intérieur même du document HTML :

Les feuilles de styles sont alors définies avant le marqueur <BODY> du document HTML. Les feuilles de styles sont définies entre les marqueurs <STYLE> et </STYLE>.

Exemple :
       <html>
       <head><title>Mon document HTML</title></head>
       <style>
       P {font-size:14pt; color:green}
       </style>
       <body>
       <p>Contenu du document.</p>
       </body></html>
Dans cet exemple, tout le contenu des balises <P> aura une police de taille 14 points, et une couleur "green".

Dans un fichier externe :

Les feuilles de styles sont définies entre les marqueurs <STYLE> et </STYLE> d'un fichier texte externe ayant comme extension .css .

Exemple:
       <style>
       P {font-size:14pt; color:green}
       </style>
Enregistrez ce fichier sous le nom f_style.css.
       <html>
       <head><title>Mon document HTML</title></head>
       <link rel=stylesheet href="f_style.css" type="text/css">
       <body>
       <p>Contenu du document.</p>
       </body></html>
Dans cet exemple, tout le contenu des balises <P> aura une police de taille 14 points, et une couleur "green".

Définition de feuilles de styles applicables à un "objet" :

Les feuilles de styles sont alors définies par l'intermédiaire du paramètre style à l'intérieur même de la balise définissant l'objet.

Exemple :
       ... <body>
       <p style="font-size:14pt; color:green">Contenu du document</p>
       </body></html>
Dans cet exemple, le contenu du paragraphe a une police de taille 14 points, et une couleur "green".

Page d'accueil
Plan du site

Rubriques :

Documentations :

HTML

DHTML

JAVAScripts

WML (WAP)

Liens utiles :

Hébergement

Référencement

Web rémunéré