Test feuilles de style CSS1 / CSS2

Bon, j'ai (re)testé pour vous et c'est mieux (un an après le premier test).

En résumé :

• Les UA (= user agents = navigateurs) les plus anciens ne reconnaissent pas les CSS : Mosaïc, Arena et Lynx (ah bon ?)
• Ça marche à peu près pour les trucs pas trop compliqués avec Netscape (4.0, 4.5, 4.6 et 4.7) et Amaya (1.3, 2.0 et 2.1) : l'on recherche des volontaires pour faire des test avec des versions de MSIE plus récentes que la 3.
• Pour utiliser des CSS externes, la ligne
  <link rel="stylesheet" type="text/css" href="monstyle.css" title="Cool">
  a l'air de fonctionner, contrairement à
  @import url(monstyle.css);
  de la section STYLE.
• Les couleurs de fond et de texte, les retraits, le centrage fonctionnent (presque toujours) correctement.
• CLASS et les sélecteurs simples ou contextuels fonctionnent à peu près normalement
• L'héritage de BACKGROUND ne se passe pas toujours bien.
• Il est fortement recommandé de définir simultanément COLOR et BACKGROUND-COLOR dans un style (ne serait-ce que pour éviter d'avoir des couleurs identiques pour le texte et le fond).
• Il est impossible de faire des lettrines avec first-letter et first-line pour le moment (peu d'effet dans Netscape, trop d'effets dans Amaya), mais on peut se débrouiller autrement (pas vraiment besoin des CSS).
• Les couleurs dans UL / LI posent des problèmes
• Amaya a parfois du mal à afficher une image de fond dans un paragraphe, Netscate y arrive bien
• Finalement, ça marche pas trop mal avec Netscape.

Voyez par vous-même...

Voici un paragraphe centré.

Paragraphe avec first-letter et first-line. Paragraphe avec first-letter et first-line. Paragraphe avec first-letter et first-line. Paragraphe avec first-letter et first-line. [pas terrible, hein ?]

Paragraphe justifié avec retrait. Paragraphe justifié avec retrait. Paragraphe justifié avec retrait. Paragraphe justifié avec retrait. Paragraphe justifié avec retrait. Paragraphe justifié avec retrait. Paragraphe justifié avec retrait. Paragraphe justifié avec retrait. Paragraphe justifié avec retrait. Paragraphe justifié avec retrait. Paragraphe justifié avec retrait. [ça c'est mieux - sauf les intervalles entre mots]

Paragraphe avec lettrine faite à la main. Paragraphe avec lettrine faite à la main. Paragraphe avec lettrine faite à la main. Paragraphe avec lettrine faite à la main. Paragraphe avec lettrine faite à la main. Paragraphe avec lettrine faite à la main. Paragraphe avec lettrine faite à la main. [pas besoin des CSS pour ça - sauf la justification]

Paragraphe avec une image de fond. Paragraphe avec image de fond. Paragraphe avec une image de fond. Paragraphe avec image de fond. Paragraphe avec une image de fond. Paragraphe avec image de fond. Paragraphe avec une image de fond. [ne pas oublier de charger les images]

Bon, en conclusion : ça devient intéressant à condition de trier un peu.

Au choix : Retour à la page d'accueil (lien en bleu) ou Retour à la page d'accueil (lien en rouge)

Dernière mise à jour : dimanche 19 mars 2000