<!doctype html public '-//W3C//DTD HTML 4.01//EN'>
<!-- Editors & translators, please, edit Overview.en.tmpl, not .html -->
<html lang=fr>
 <head profile="http://microformats.org/profile/hcard">
  <title>Feuilles de style en cascade (CSS)</title>
  <meta name=description content="W3C's overview of Web style sheets: CSS.">

  <!-- include head.inc -->

  <link rel=author href="mailto:bert@w3.org%20(Bert%20Bos)">

  <style type="text/css" media="screen, handheld, projection, tv" title=Cascade>
   a[href="./"] {text-decoration: underline; opacity: 0.5}
  </style>
  <style type="text/css" media="screen, handheld, projection, tv" title=Main>
   a[href="./"] {background: #EEE}
  </style>
  <style type="text/css">
   .status td:first-child + td + td + td,
   .status th:first-child + th + th + th {display: none}
   .status td:last-child, .status th:last-child {padding-left: 0.6em}
  </style>

  <link rel=up title="Style Sheets" href="../">
  <link rel=next title="Learning CSS" href="learning">

  <link rel=alternate type="application/atom+xml"
   title="CSS news [Atom]" href="Overview.atom">
  <link rel=alternate type="application/rss+xml"
   title="CSS news [RSS]" href="Overview.rss">
  <link rel=alternate type="application/atom+xml"
   title="CSS Working Group news" href="/blog/CSS/feed/atom">

  <!-- include translations1 -->

 <body class=portal>
  <!-- include translations2 -->

  <h1><a href="http://www.webat25.org/" title="Web 25th anniversary"><em>Feuilles de style en cascade</em>
   page d'accueil</a></h1>

  <div class=section id=summary>
   <h2>Qu'est-ce que c'est CSS&#x202F;?</h2>

   <p>Les feuilles de style en cascade (CSS) permettent d’ajouter
    facilement du style (polices, couleurs, espacement, etc.) à des
    documents Web.

   <p>Ces pages offrent des informations
    pour <a href="learning">apprendre et utiliser CSS</a> et sur
    des <a href="software">logiciels disponibles.</a> Elles
    reproduisent aussi quelques actualités
    du <a href="members">groupe de travail CSS.</a>

   <div class=aside>
    <h3>Bloc-notes</h3>
    <ul>
     <li><a href="https://validator-suite.w3.org/" ><img class=icon
     src="../../Icons/ValidatorSuite/vs-icon-100" alt="" > Verifiez
     votre site Web avec le <em lang=en class=notranslate>W3C
     Validator Suite</em></a>

     <li><a href="../../TR/CSS/">Le <cite>“CSS Snapshot”</cite>
     (dernier: 2010) indique les parties qui sont prêtes pour les
     implementateurs</a>
    </ul>
   </div>
  </div>

  <div class=section id=news>
   <h2>Actualités</h2>

   <p class=feed><a href="Overview.atom"><img
    alt="(Aussi disponible en fil de syndication Atom.)"
    src="w3c-2010/feed"
    title="fil Web d'actualités"></a>

   <!-- include news -->

   <p class=stb>Pour plus d'actualités, voir notre agrégateur <a
    href="Planet/">«&#x202F;The Future of Style.&#x202F;»</a>

   <p class=more><a
   href="mailto:bert@w3.org?subject=For%20news%20section%20of%20CSS%20page">
   Suggerer un lien</a>
  </div>

  <div class=section id=roadmap>
   <h2>Nor&shy;mes et ébau&shy;ches</h2>

   <p class=feed><a href="current-work.atom"><img
    alt="(Aussi disponible en fil de syndication Atom.)"
    src="w3c-2010/feed"
    title="Fil Web de publications"></a>

   <p>Quelques-uns des spécifications et ébauches du
    <a href="members" >groupe de travail CSS.</a>

   <table class=status>
    <tbody id=completed>
     <tr>
      <th scope="rowgroup">Tra&shy;vaux a&shy;che&shy;vés
      <th scope="col">Sta&shy;tut
      <th scope="col">À ve&shy;nir
      <th scope="col">Notes
      <th scope="col"><abbr title="Résumé">&#8505;&#8413;</abbr>

      <!-- include roadmap-compl.gen -->

    <tbody id=high-prio>
     <tr>
      <th scope="rowgroup">Prio&shy;ri&shy;té hau&shy;te
      <th scope="col">Sta&shy;tut
      <th scope="col">À ve&shy;nir
      <th scope="col">Notes
      <th scope="col"><abbr title="Résumé">&#8505;&#8413;</abbr>

      <!-- include roadmap-high.gen -->

   </table>

   <p class=more><a href="current-work">Suite&nbsp;»</a>
  </div>

  <div class=section id=wg-news>
   <h2>Actualités du groupe de travail CSS</h2>

   <p class=feed><a href="/blog/CSS/feed/atom"><img alt="(Aussi disponible
      en fil de
    syndication Atom.)" src="w3c-2010/feed" title="Fil Web
    d'actualités du CSS WG"></a>

   <p>Le <a href="members">groupe de travail</a> publie regulièrement
    des rapports sur son <a href="/blog/CSS/">blog</a>&#x202F;; en voici
    les plus recents:

   <!-- include wgnews.gen -->

   <div class=figure>
    <p><img src="csswg-2010.jpg" alt="[Photo de groupe à Lyon, France]">

    <p>Une partie du groupe de travail CSS en novembre
     2010. (Photo&#x202F;: Bert Bos /
     Anthony Grasso)
   </div>

   <p class=more><a href="/blog/CSS">Suite&nbsp;»</a>
  </div>

  <div class=section id=join>
   <h2>Se joindre à la discussion</h2>

   <p>La liste de
    diffusion <a
    href="http://lists.w3.org/Archives/Public/www-style/">
    &lt;www-style@w3.org&gt;</a> est la place pour discuter le
    dévéloppement de CSS. (Le <a href="members">groupe de travail
    CSS</a> aussi utilise cette liste pour la plupart de ses
    discussions.) Tout le monde
    peut <a
    href="mailto:www-style-request@w3.org?subject=subscribe">
    s'abonner</a>
    (ou <a
    href="mailto:www-style-request@w3.org?subject=unsubscribe">
    désabonner,</a> voir les <a href="../../Mail/Request">
    instructions</a>).

   <p>Si vous travailler pour
    une <a href="../../Consortium/Member/List"> organisation membre de
    W3C,</a> vous pouvez rejoindre le groupe de travail.

   <p class=more><a href="current-work#contribute">Suite&nbsp;»</a>

  </div>

  <div class=section id=software>
   <h2>Logiciels</h2>

   <p class=feed><a href="software.atom"><img alt="(Aussi disponible
      en fil de syndication Atom.)"
   src="w3c-2010/feed" title="Fil Web de logiciels"></a>

   <p>Presque tous les <a href="software#browsers">navigateurs Web</a>
    aujourd'hui supportent CSS et beaucoup
    d'<a href="software#other">autres applications</a> aussi. Pour
    écrire des feuilles de style, on n'a besoin que d'un éditeur de
    texte, mais il y a beaucoup
    d'<a href="software#editors">outils</a> disponibles qui le rendent
    encore plus facile.

   <p>Bien sûr, tout logiciel a des bugs informatiques, même après
    plusieurs mises à jour. Et il y a des logiciels qui sont plus
    avancées que d'autres en mettant en application
    les <a href="current-work">modules CSS les plus récents.</a>
    Plusieurs site décrivent les <a href="software#support">bugs et
    les solution de contournement.</a>

   <p class=more><a href="software">Suite&nbsp;»</a>
  </div>

  <div class=section id=learning>
   <h2>Apprendre CSS</h2>

   <p class=feed><a href="learning.atom"><img
    alt="(Aussi disponible en fil de syndication Atom.)"
    src="w3c-2010/feed"
    title="Fil Web d'articles"></a>

   <p>Pour les
    débutants, <a href="../Examples/011/firstcss"><cite>débuter avec
    HTML + CSS</cite></a> apprend comment écrire une feuille de style.
    Pour une introduction rapide à CSS,
    essayez <a href="../LieBos2e/enter/">chapitre&nbsp;2</a>
    de <a href="learning#LieBos1999"><cite>Lie &amp; Bos</cite></a> ou
    l'<a href="../../MarkUp/Guide/Style">introduction à CSS de Dave
    Raggett.</a> Ou voyez des exemples
    de <a href="../styling-XML">mise en page d'XML</a> et
    les <a href="../Examples/007/">trucs et astuces CSS.</a>

   <p>Une autre page propose des <a href="learning#books">livres,</a>
    des <a href="learning#fora">listes de diffusion</a> et autres
    forums, et des liens vers d'<a href="learning#secondary">autres
    répertoires.</a>

   <p>L'histoire de CSS est décrite
    dans <a href="../LieBos2e/history/">chapitre&nbsp;20</a> du
    livre <a
    href="http://www.informit.com/store/cascading-style-sheets-designing-for-the-web-9780321193124?rll=1"><cite
    lang=en class=notranslate>Cascading Style Sheets, designing for
    the Web,</cite></a> par Håkon Wium Lie et Bert Bos (2eme ed.,
    1999, Addison Wesley, ISBN 0-201-59625-3)

   <p class=more><a href="learning">Suite&nbsp;»</a>
  </div>

  <div class=section id=related>
   <h2>Autres</h2>

   <dl>
    <dt><a href="http://jigsaw.w3.org/css-validator/">Le validateur CSS</a>
     <dd>Vérifie la syntaxe (et plus) de feuilles de style.

    <dt><a lang=en href="../../dpub/" >Digital Publishing Activity</a>
     <dd>Un groupe (en anglais: <em lang=en>« Interest Group »</em>)
     qui s'occupe de l'utilisation des technologies Web, y compris
     CSS, et l'amélioration de ces technologies.

    <dt><a href="../../StyleSheets/Core/" lang=en>Core Style
     Sheets</a> <dd>Une collection de feuilles de style simples,
     conçues quand la compatibilité des navigateurs etait un problème
     plus grand qu'aujourd'hui, mais encore utiles.

    <dt><a href="../../TR/WCAG10-CSS-TECHS/"><cite lang=en
     class=notranslate>CSS Techniques for Web Content Accessibility
     Guidelines&nbsp;1.0</cite></a> <dd>Une note sur le rôle de CSS
     pour faire les pages Web plus accessibles.

    <dt><a href="SAC/" lang=en>SAC: The Simple API for CSS</a> <dd>
     Une interface de programmation entre un parseur CSS et une
     programme d'analyse sémantique.

    <dt><a href="../XSL/" lang=en>XSL (Extensible Stylesheet
     Language)</a> <dd>XSL et CSS ont beaucoup en commun, mais XSL est
     focalisé sur des mises en pages complexes, surtout des textes
     imprimés.

    <dt><a href="../../TR/mathml-for-css/" lang=en>A MathML for CSS
     profile</a> <dd>Une note décrivant un sous-ensemble de MathML qui
     peut être mise en page raisonnablement avec seulement CSS
     niveau&nbsp;2.
   </dl>
  </div>

  <!-- include feedback -->

  <!-- include banner -->

  <div class=section id=endmatter>
   <!-- include address -->

   <p><a
    href="http://www.w3.org/Style/CSS/Buttons"><img class=button
    src="http://www.w3.org/Style/CSS/Buttons/mwcts"
    alt="Made with CSS!"></a> <a
    href="http://jigsaw.w3.org/css-validator/check/referer"><img
    class=button alt="Valid CSS!"
    src="http://jigsaw.w3.org/css-validator/images/vcss-blue"></a>
    Dernière modification
    <!-- include date -->
  </div>

  <!-- include translations4 -->

<!-- Keep this comment at the end of the file
Local variables:
mode: html
sgml-indent-step:1
sgml-basic-offset:1
End:
-->
