Simple CSS démo

Style sheets

Après des années de bricolage infâme avec la balise <font>, les tables invisibles etc. il semble que les feuilles de style (cascading style sheets) commencent à être une alternative viable.

CSS1 a été Introduit par le W3C déjà en 1996. Les constructeurs ont eu beaucoup de peine à implémenter correctement cette spécification. Seuls Mozilla et Explorer 5.5 semblent plus au moins être en mesure de correctement interpréter une simple feuille de style de type CSS1. Voici une preuve simple: Cette page devrait apparaître avec une fonte "sans sérif" (Helvetica, Arial, etc.). Netscape 4.75 ne digère pas la feuille. Il aurait fallu mettre un font pour <p> et ne pas seulement pour <body>. Ceci dit, les capacités de CSS de chaque navigateur sont bien documentés et les bons dévelopeurs les connaissent.

Pourquoi ?

En utilisant des style sheets vous êtes plus efficaces, c.a.d. vous définissez à un endroit central l'apparation des éléments. Donc fini les reformattages pénibles. En plus, votre code HTML devient beaucoup plus lisible.

Allez voir

    <STYLE type="text/css">
      body 	{font-family: Helvetica, Arial, sans-serif;}
      H2, H3	{font-family: Helvetica, Arial, sans-serif;}
      H2 	{color: red; text-decoration: underline;}
      P 	{margin-left: 4em; margin-right: 2em;}
    </STYLE>
    

Code source: simple-css.html.text.

Note

(Attention: IE Explorer ne va pas afficher le source de cette page comme il faut. Eux aussi ont beaucoup de peine à implémenter correctement les protocoles. Notre serveur dit que c'est du text/plain (pas du html), mais ils ne peuvent pas s'empêcher à décider autrement. Faites un "view source" ....)


Last modified: Tue Oct 24 14:12:56 MEST 2000
D.K.S.