Feuilles de style
Une des fonctionnalités les plus utiles et faciles à utiliser est la feuille de style
(CSS Cascading Styles Sheets). Elle offre la possibilité de modifier l'aspect des différents
éléments qui composent une page Internet comme des paragraphes <P>, des titres <H1> ou
le corps de la page <BODY>.
Il est cependant important de noter que les feuilles de style ne
sont pas supportées par tous les navigateurs Internet. De façon générale; seuls MS Internet
explorer 3.0 et + et Netscape 4.0 et + supportent les balises des feuilles de style. Notez que pour
éviter des conflits ou des pertes d'information, il est recommandé de placer
les instructions de style à l'intérieur des balises de commentaire <!-- … -->
Il existe trois façons de définir une feuille de style.
Définition interne
La première façon est interne à une page Internet. La définition des feuilles se
fait dans l'entête des pages Internet :
<HTML>
<HEAD>
<STYLE type="text/css">
BALISE { propriété de style: valeur;
propriété de style: valeur }
</STYLE>
</HEAD>
<BODY>
Définition externe
La définition de style peut être faite pour être utilisée dans plusieurs page
Internet d'un site.
La définition du style est faite par des fichiers texte d'extension " .css ".
<STYLE type="text/css">
BALISE { propriété de style: valeur;
propriété de style: valeur }
</STYLE>
Vous pouvez ensuite appeler ce fichier de n'importe quelle page Internet en indiquant
son chemin par l'instruction suivante :
<LINK title="nom" rel=stylesheet type="text/css" href="nom.css">
Définition spécifique
La définition d'une feuille de style peut se faire individuellement pour chaque
élément. Par exemple :
<BALISE style= " propriété de style: valeur;
propriété de style: valeur "> texte
</BALISE>
Vous trouverez une liste des principaux attributs qui peuvent définir les feuilles de style en cliquant
ici
Introduction
Les attributs ID et CLASS
|