Comme nous avons pu le remarquer, le langage HTML souffre de limitations importantes en matière de présentation des données, malgré les progrès constatés avec la nouvelle version. Effectivement, le développement sous HTML a longtemps privilégié le contenu au style.
Désormais, afin de pallier aux carences patentes du langage HTML dans le domaine de la mise en page et de la présentation, le World Wide Web Consortium a publié en 1996, une proposition définissant des spécifications innovantes portant entre autres sur les feuilles de style en cascade (Cascading Style Sheets).
Rapidement, les principaux éditeurs de navigateurs, tels que Netscape, Internet Explorer, ou encore OPera ont adoptés une grande partie des recommandations du W3C et assurent donc la pérennisation de cette technique.
Malheureusement, les spécifications du W3C n'ont pas été suivies scrupuleusement par ces éditeurs. Si bien que certaines commandes fonctionnent d'une manière aléatoire selon le navigateur, obligeant le programmeur à rester vigilant lors de la phase de mise en forme des pages Web par la technique des feuilles de style en cascade.
En parallèle à l'étude de ce cours, je vous conseille vivement de consulter certains sites tels que WebReview.com mais aussi Westciv.com recensant l'ensemble des propriétés CSS et leur fonctionnement sur la plupart des navigateurs Web.
Ces feuilles de style utilisées dans un document HTML, permettent de mettre en forme une page Web d'une manière équivalente à celle d'un magazine ou d'un journal de la presse écrite créé par un logiciel de publication assistée par ordinateur (PAO).
A l'aide des feuilles de style, la gestion des différents éléments de présentation comme les titres, les paragraphes, les images ou bien les tableaux, d'un document HTML devient plus pratique et améliore la cohérence et l'ordre au sein de l'ensemble des pages d'un site Internet.
En effet, la principale règle des feuilles de style est d'autoriser le contrôle des attributs de présentation de la totalité des balises d'un projet HTML à partir d'une seule et unique feuille CSS. En conséquence, cela permet d'appliquer une mise en page parfaitement identique au sein d'un site Web sans répéter dans chacune des pages les commandes de mise en forme.
Cependant, les styles peuvent, également, s'appliquer de différentes façons dans une collection de documents HTML. Les feuilles de style agissent sur pratiquement toutes les balises du langage HTML et certains de leurs attributs. C'est seulement par leur intermédiaire que les effets de style pourront s'appliquer dans vos pages. Ainsi, il est nécessaire d'avoir une connaissance suffisante du langage HTML pour pouvoir utiliser d'une façon pertinente les feuilles de style.
Actuellement, la plupart des outils de conception et d'édition de pages Web ainsi que d'autres logiciels orientés plus spécifiquement vers la publication ou les arts graphiques fournissent des outils supportant la technologie des feuilles de style en cascade.
Voici quelques uns des logiciels CSS :
Ce cours tente de fournir la compatibilité de chaque propriété et valeur CSS par rapport aux navigateurs Internet les plus couramment utilisés par les visiteurs potentiels.
Signification des codes couleurs| indique que le navigateur supporte la commande énoncée. | |
| indique que le navigateur supporte en partie la commande énoncée, ou des bogues peuvent apparaître lors de l'utilisation de la commande précitée. | |
| indique que le navigateur ne supporte pas la commande énoncée. | |
| Microsoft Windows |
NE4 | Netscape Communicator 4.x |
|---|---|---|
| NE6 | Netscape Navigator 6.x | |
| NE7 | Netscape Navigator 7.x | |
| IE5 | Internet Explorer 5.0 | |
| IE55 | Internet Explorer 5.5 | |
| IE6 | Internet Explorer 6.x | |
| OP5 | Opera 5.x | |
| OP6 | Opera 6.x | |
| OP7 | Opera 7.x | |
| Macintosh | NE4 | Netscape Communicator 4.x |
| NE6 | Netscape Navigator 6.x | |
| NE7 | Netscape Navigator 7.x | |
| IE4 | Internet Explorer 4.x | |
| IE5 | Internet Explorer 5.x |