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

  <!-- include head.inc -->

  <style type="text/css" media="screen, handheld, projection, tv" title=Cascade>
   a[href="./"] {text-decoration: underline; opacity: 0.5}
   p[lang] {font-style: italic}
   li p[lang|=fr]:before {content: url(../flag-fr.png);
    vertical-align: middle; margin-right: 0.33em}
  </style>
  <style type="text/css" media="screen, handheld, projection, tv" title=Main>
   a[href="./"] {background: #EEE}
  </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?tempskin=_atom">

  <!-- include translations1 -->

 <body>
  <!-- include translations2 -->

  <h1><em>Cascading Style Sheets</em>
   home page</h1>

  <div class=section id=summary>
   <h2>What is CSS?</h2>

   <p>Cascading Style Sheets (CSS) is a simple mechanism for adding
    style (e.g., fonts, colors, spacing) to Web documents.

   <p>These pages contain information on how
    to <a href="learning">learn and use CSS</a> and on
    available <a href="software">software.</a> They also contain
    news from the <a href="members">CSS working group.</a>

   <div class=aside>
    <h3>Quick links</h3>
    <ul>
     <li><a href="specs">Overview of specifications</a>
     <li><a href="current-work">Current work</a>
     <li><a href="../../TR/CSS2/">CSS Level 2</a>
    </ul>
   </div>
  </div>

  <div class=section id=news>
   <h2>News</h2>

   <p class=feed><a href="Overview.atom"><img alt="(Also available as
   Atom news feed.)" src="w3c-2010/feed"
   title="News feed"></a>

   <!-- include news -->

   <p class=stb>For more news, <!-- including the <a
    href="http://soapbox.css3.info/">CSS3 soapbox,</a> --> see our
    syndicator <a href="Planet/">&ldquo;The Future of
    Style.&rdquo;</a>

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

  <div class=section id=roadmap>
   <h2>Stan&shy;dards &amp; drafts</h2>

   <p class=feed><a href="current-work.atom"><img alt="(Also available
   as Atom news feed.)" src="w3c-2010/feed"
   title="New publications feed"></a>

   <p>Some of the specifications and drafts by the <a href="members">
   CSS Working Group:</a>

   <!-- include roadmap.gen -->

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

  <div class=section id=wg-news>
   <h2>Working group news</h2>

   <p class=feed><a href="/blog/CSS?tempskin=_atom"><img alt="(Also
   available as Atom news feed.)" title="CSS WG news feed"
   src="w3c-2010/feed"></a>

   <p>The <a href="members">working group</a> regularly publishes
    reports on its <a href="/blog/CSS">blog;</a> here are the most
    recent:

   <!-- include wgnews.gen -->

   <div class=figure>
    <p><img src="csswg-2010.jpg" alt="[Photo: group photo in Lyon, France]">

    <p>A part of the CSS WG in November 2010. (Photo: Bert Bos /
     Anthony Grasso)
   </div>

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

  <div class=section id=join>
   <h2>Join&shy;ing the dis&shy;cus&shy;sion</h2>

   <p>The <a href="http://lists.w3.org/Archives/Public/www-style/">
    &lt;www-style@w3.org&gt; mailing list</a> is the place for
    discussing the further development of CSS.
    (The <a href="members">CSS working group</a> also uses that list
    for most discussions.) Everybody
    can <a
    href="mailto:www-style-request&#64;w3.org?subject=subscribe">
    subscribe</a>
    (or <a
    href="mailto:www-style-request&#64;w3.org?subject=unsubscribe">
    unsubscribe,</a> or see <a href="../../Mail/Request">
    instructions.</a>)

   <p>If you work for a <a href="../../Consortium/Member/List">W3C
    member organization,</a> you can also join the working group.

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

  </div>

  <div class=section id=software>
   <h2>Soft&shy;ware</h2>

   <p class=feed><a href="software.atom"><img alt="(Also available as
   Atom news feed.)" src="w3c-2010/feed"
   title="Software news feed"></a>

   <p>Nearly all <a href="software#browsers">browsers</a> nowadays
   support CSS and many <a href="software#other">other
   applications</a> do, too. To write CSS, you don't need more than a
   text editor, but there are many <a href="software#editors">tools</a>
   available that make it even easier.

   <p>Of course, all software has bugs, even after several updates.
   And some programs are further ahead implementing
   the <a href="current-work" >latest CSS modules</a> than others.
   Various sites describe <a href="software#support" >bugs and
   work-arounds</a>.

   <p class=more><a href="software">More&nbsp;&raquo;</a>
  </div>

  <div class=section id=learning>
   <h2>Learn&shy;ing CSS</h2>

   <p class=feed><a href="learning.atom"><img
    alt="(Also available as Atom news feed.)"
    src="w3c-2010/feed"
    title="New articles feed"></a>

   <p>For beginners, <a href="../Examples/011/firstcss"><cite>Starting
   with HTML + CSS</cite></a> teaches how to create a style sheet. For
   a quick introduction to CSS, try <a
   href="../LieBos2e/enter/">chapter 2</a> of <a
   href="learning#LieBos1999"><cite>Lie &amp; Bos</cite></a> or <a
   href="../../MarkUp/Guide/Style">Dave Raggett's intro to CSS</a>. Or
   see examples of <a href="../styling-XML">styling XML</a> and <a
   href="../Examples/007/">CSS tips &amp; tricks</a>.

   <p>Another page also has some <a href="learning#books">books,</a>
   <a href="learning#fora">mailing lists</a> and similar fora, and
   links to <a href="learning#secondary">other directories.</a>

   <p>The history of CSS is described in <a
   href="../LieBos2e/history/">chapter&nbsp;20</a> of the book <a
   href="http://www.awprofessional.com/bookstore/product.asp?isbn=0321193121&amp;rl=1">
   <cite lang=en class=notranslate>Cascading Style Sheets, designing
   for the Web,</cite></a> by H&aring;kon Wium Lie and Bert Bos (2nd
   ed., 1999, Addison Wesley, ISBN 0-201-59625-3)

   <p class=more><a href="learning">More&nbsp;&raquo;</a>
  </div>

  <div class=section id=related>
   <h2>Re&shy;lated</h2>

   <dl>
    <dt><a href="http://jigsaw.w3.org/css-validator/">The CSS
    validator</a> <dd>Checks the syntax (and more) of style sheets.

    <dt><a href="../../StyleSheets/Core/">Core Style Sheets</a> <dd>A
    set of simple style sheets designed when browsers' compatibility
    was a bigger problem than today, but still useful.

    <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>A note about the role of CSS in
    making pages accessible.

    <dt><a href="SAC/">SAC: The Simple API for CSS</a> <dd>An
    interface between CSS parsers and CSS processors.

    <dt><a href="../XSL/">XSL (Extensible Stylesheet Language)</a>
    <dd>XSL and CSS share many features, but XSL is focused on complex
    layout tasks, especially for print.

    <dt><a href="../../TR/mathml-for-css/">A MathML for CSS
    profile</a> <dd>A note that describes a subset of MathML that can
    be reasonably formatted with just CSS level&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>
    Last updated
    <!-- include date -->
  </div>

  <!-- include translations4 -->

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