<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  <head>
    <title>Openweb.eu.org - Les feuilles de style en cascade</title>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
    <link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
    <meta name="DC.Language" scheme="RFC3066" content="fr" />
    <meta name="DC.Identifier" content="css" />
    <meta name="DC.Creator" content="Tristan Nitot, Laurent Denis" />
    <meta name="DC.Date.created" scheme="W3CDTF" content="2003-03-21" />
    <meta name="DC.Date.modified" scheme="W3CDTF" content="2003-03-21" />
    <meta name="DC.Rights" content="Cet article est sous licence Creative Commons Attribution-ShareAlike." />
    <meta name="DC.Subject" content="css" />
  </head>
  <body>
    <h1>Les feuilles de style en cascade</h1>
    <ul>
      <li>
        <strong>Auteur :</strong> <a href="mailto:tristan.nitot%40openweb.eu.org">Tristan Nitot</a>
      </li>
      <li>
        <strong>Auteur :</strong> <a href="mailto:laurent.denis%40openweb.eu.org">Laurent Denis</a>
      </li>
      <li>
        <strong>Mise à jour :</strong> 21/03/2003</li>
    </ul>
    <p>Les <acronym title="Cascading Style Sheets" lang="en">CSS</acronym> désormais supportées par <a href="/articles/navigateurs_alternatifs/">les navigateurs modernes</a> sont l'outil de présentation des pages Web standards.</p>
    <p>A la différence des méthodes employées dans les années 90, les <acronym>CSS</acronym> permettent une stricte séparation du contenu <acronym title="HyperText Markup Language" lang="en">HTML</acronym> et des informations de mise en page. Le gain réalisé est considérable :</p>
    <ul>
      <li>gestion simplifiée et économique de la présentation d'un site à l'aide d'une seule feuille de style pour toutes les pages, aisément modifiable ;</li>
      <li>allègement des coûts de développement et de maintenance : il n'est plus nécessaire de mettre en place un système (hasardeux) de discrimination des navigateurs pour servir aux différents navigateurs un document adapté aux technologies propriétaires qui <a href="/humeurs/balkanisation/">balkanisent le Web</a> ;</li>
      <li>allègement du code-source des pages Web, et donc économie de bande passante : une feuille de style n'est chargée qu'une fois par un navigateur, qui l'applique sans délai si nécessaire aux pages visitées par la suite ;</li>
      <li>possibilité de doter une page de feuilles de style spécifiques selon les medias (navigateurs graphiques, lecteurs d'écran…). Les <a href="/articles/css_impression/">feuilles de style <code>print</code>
        </a> permettent une impression immédiate d'une page depuis le navigateur, et dispensent d'avoir à créer une version imprimable du document <code>HTML</code> ;</li>
      <li>possibilité de doter une page de présentations alternatives au choix de l'utilisateur ;</li>
      <li>création de <em>layout</em> flexibles, qui s'adaptent aux différentes résolutions d'écran ;</li>
      <li>meilleure accessibilité des pages Web par la disparition des tableaux détournés à des fins de présentation.</li>
    </ul>
  </body>
</html>
