Chapitre 13

A. Concept des feuilles de style
Les feuilles de style sont des ajouts de code au langage Html qui vont prendre en charge la présentation du document ou de l'application Web.

Le concept de feuilles de style repose sur le principe de la séparation du contenu et de la présentation dans l'élaboration d'applications Html.
Ainsi un même contenu pourrait être utilisé, selon la feuille de style adoptée, pour un affichage sur des médias aussi divers qu'un écran traditionnel, l'écran d'un ordinateur de poche ou d'un mobile, des feuilles de papier imprimées, une barrette braille, etc.
C'est ainsi tout le domaine de la présentation qui est pris en charge par les feuilles de style, le rôle du Html se limitant alors à la structure et à l'encodage de l'information brute.

B. Utilité des feuilles de style
Les feuilles de style représentent un outil puissant dont les implications dans la conception des applications Web sont multiples.

Un passage obligé en Html5
Le Html5 va au bout du concept de la séparation du contenu et de la présentation.
Presque tous les éléments de présentation des balises ou des attributs présents dans le
Html 4.0 ont ainsi disparu. Un document Html5 sans feuille de styles pour en assurer la présentation n'est alors plus qu'une morne structure du contenu textuel. Citons, par exemple, l'absence en Html5 de l'attribut border qui assurait la présence d'une bordure à la balise de tableau , rendant ainsi la représentation des tableaux problématiques en pur Html.
Les feuilles de style vont beaucoup plus loin dans le domaine de la présentation que les anciennes balises du Html. De par leur richesse et leur variété, elles ont profondément modifié l'aspect visuel des applications en décuplant la créativité des webgraphistes.

Une simplification du code
Il semble déjà bien lointain, le temps où le code source des pages Web était un imbroglio incompréhensible de tableaux imbriqués et d'astuces en tout genre pour assurer une