<!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 -->

  <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>Cascading Style Sheets</em> home page</a></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>High&shy;lights</h3>
    <ul>
     <li><a href="https://validator-suite.w3.org/" ><img class=icon
     src="../../Icons/ValidatorSuite/vs-icon-100" alt="" > Check your
     website with the <em lang=en class=notranslate >W3C Validator
     Suite</em></a>

     <li><a href="../../TR/CSS/">The <cite>“CSS Snapshot”</cite>
     (latest: 2010) lists the parts that are ready for
     implementers</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, 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>

   <table class=status>
    <tbody id=completed>
     <tr>
      <th scope="rowgroup">Com&shy;pleted work
      <th scope="col">Sta&shy;tus
      <th scope="col">Up&shy;com&shy;ing
      <th scope="col">Notes
      <th scope="col"><abbr title="Summary">&#8505;&#8413;</abbr>

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

    <tbody id=high-prio>
     <tr>
      <th scope="rowgroup">Sta&shy;ble drafts
      <th scope="col">Sta&shy;tus
      <th scope="col">Up&shy;com&shy;ing
      <th scope="col">Notes
      <th scope="col"><abbr title="Summary">&#8505;&#8413;</abbr>

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

   </table>

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

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

   <p class=feed><a href="/blog/CSS/feed/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;»</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@w3.org?subject=subscribe">
    subscribe</a>
    (or <a
    href="mailto:www-style-request@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;»</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;»</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.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> 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;»</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="../../dpub/" >Digital Publishing Activity</a> <dd>An
    Interest Group that looks at how Web technology, including CSS,
    can be used in publishing, and how those technologies can be
    improved.

    <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>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: html
sgml-indent-step:1
sgml-basic-offset:1
End:
-->
