Fiche technique

Avec le temps, la manière de coder le HTML a favorisé l'aspect du document plutôt que sa structure. Pour permettre aux concepteurs de pages web de mettre en page leur document sans en perdre leur sens, le W3C a autorisé la redéfinition des tags HTML.

Qu’est-ce qu’un style ?

Un style est un groupe d'attributs de mise en forme qui contrôlent l'apparence d'un texte dans un document.

Les feuilles de style ou CSS…

Les feuilles de style (CSS - Cascading Style Sheets) sont un moyen efficace pour contourner un premier déficit de la première norme HTML, à savoir l'imbrication d'éléments de présentation avec le reste du texte.

Grâce aux CSS, il est possible de décrire, soit en en-tête d'un document, soit dans un autre document ce qu'est la mise en forme d'un élément structurel

Les feuilles de style peuvent être définies séparément du document HTML qui les applique. Ceci présente des avantages majeurs (partage des ensembles de définitions de styles entre plusieurs documents, modifification des styles de présentation d'un document sans changer le document lui-même).

Historique...

Cette technologie a été introduite par Microsoft (1996) avec pour but de modifier le contenu d'une page par une grande variété d'effets surprenants (Dynamic HTML - DHTML) et cela en un clin d'œil.

La version 1.0 (CSS1) créée et adoptée en 1996 par le W3C, autorisait une maîtrise restreinte de la mise en page (choix des polices, couleurs, espacement,...). Cette version est bien supportée par les navigateurs courants du marché.

La version 2,0 (CSS2) celle actuellement en vigueur depuis 1998, permet un contrôle plus sophistiqué du document. Elle offre en particulier le positionnement absolu ou relatif, le choix du curseur, la possibilité d'adapter la mise en page au média de sortie (écran, imprimante)... Certaines fonctionnalités ne sont pas toujours bien interprétées par les navigateurs actuels.

La version 3.0 (CSS3) est à ce jour à l'étude par le W3C.

Les CSS permettent...

• d'avoir une présentation homogène sur tout un site.
  
• de pouvoir changer l'aspect du site entier en modifiant quelques lignes.
  
• une plus grande lisibilité du HTML.
  
• le positionnement rigoureux des éléments.
  
• des chargements de pages plus rapides.
  

Style CSS et HTML

Les feuilles de style CSS résident dans la zone HEAD d'un document. Les styles CSS peuvent définir les attributs de mise en forme de balises HTML, des plages de texte identifiées par un attribut class ou du texte qui répond à certains critères de conformité aux spécifications feuilles de style en cascade.

Lorsque le navigateur charge la page HTML, certaines commandes spéciales fixent les propriétés par défaut des balises courantes. Cet ensemble de commandes peut être accessible directement dans le code html de la page ou bien être séparé dans un autre fichier séparé du reste, mais qui est téléchargé en même temps que la page HTML.

Composition d'une feuille de style

La définition d'un style est une chose simple à effectuer. Un style CSS est caractérisé par deux éléments :

• Un sélecteur de balises, permettant de préciser à quelles balises du document le style s'applique. On appelle "sélecteur de balise" le ou les mots-clés précédant l'accolade, servant à indiquer le ou les balises du document auxquelles le style entre accolades s'applique.
  
• Une déclaration de style, permettant de définir précisément le style à appliquer aux balises sélectionnées. Il est nécessaire d'indiquer dans la page HTML le prologue du type de document, c'est-à-dire une référence à la norme HTML utilisée.