<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE article PUBLIC "-//OASIS//DTD DocBook XML V4.2//EN" "http://openweb.eu.org/dtd/docbkx42/docbookx.dtd">
<article lang="fr" role="intro" id="css">
<articleinfo>
    <title>Les feuilles de style en cascade</title>
    <titleabbrev>CSS</titleabbrev>
    <pubdate>2003-03-21</pubdate>
    <date>2003-03-21</date>
    <author>
      <firstname>Tristan</firstname>
      <surname>Nitot</surname>
      <email>tristan.nitot@openweb.eu.org</email>
    </author>
    <author>
      <firstname>Laurent</firstname>
      <surname>Denis</surname>
      <email>laurent.denis@openweb.eu.org</email>
    </author>
    <legalnotice>
      <para>Cet article est sous licence <ulink url="http://creativecommons.org/licenses/by-sa/1.0/legalcode">Creative Commons Attribution-ShareAlike</ulink>.</para>
    </legalnotice>
    <subjectset>
      <subject role="technologie">
        <subjectterm>css</subjectterm>
      </subject>
    </subjectset>
  </articleinfo>
<para>Les <acronym>CSS</acronym> désormais supportées par <ulink url="/articles/navigateurs_alternatifs/">les navigateurs modernes</ulink> sont l'outil de présentation des pages Web standards.</para>
  <para>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>HTML</acronym> et des informations de mise en page. Le gain réalisé est considérable&#160;:</para>
  <itemizedlist>
    <listitem>
      <para>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&#160;;</para>
    </listitem>
    <listitem>
      <para>allègement des coûts de développement et de maintenance&#160;: 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 <ulink url="/humeurs/balkanisation/">balkanisent le Web</ulink>&#160;;</para>
    </listitem>
    <listitem>
      <para>allègement du code-source des pages Web, et donc économie de bande passante&#160;: 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&#160;;</para>
    </listitem>
    <listitem>
      <para>possibilité de doter une page de feuilles de style spécifiques selon les medias (navigateurs graphiques, lecteurs d'écran&#8230;). Les <ulink url="/articles/css_impression/">feuilles de style <token>print</token>      </ulink> permettent une impression immédiate d'une page depuis le navigateur, et dispensent d'avoir à créer une version imprimable du document <token>HTML</token>&#160;;</para>
    </listitem>
    <listitem>
      <para>possibilité de doter une page de présentations alternatives au choix de l'utilisateur&#160;;</para>
    </listitem>
    <listitem>
      <para>création de <emphasis>layout</emphasis> flexibles, qui s'adaptent aux différentes résolutions d'écran&#160;;</para>
    </listitem>
    <listitem>
      <para>meilleure accessibilité des pages Web par la disparition des tableaux détournés à des fins de présentation.</para>
    </listitem>
  </itemizedlist>
</article>
