<!doctype html public '-//W3C//DTD HTML 4.01//EN'>
<!-- Editors & translators, please, edit Overview.en.tmpl, not .html -->
<html lang=uk>
 <head profile="http://microformats.org/profile/hcard">
  <title>Каскадні таблиці стилів</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>Каскадні таблиці стилів</em>
   головна сторінка</a></h1>

  <div class=section id=summary>
   <h2>Що таке CSS?</h2>

   <p>Каскадні таблиці стилів (CSS) - це простий механізм додавання стилів (наприклад, шрифтів, кольорів, інтервалів) у Веб-документ

   <p>Ця сторінка містить інформацію про те, як можна <a href="http://www.w3.org/Style/CSS/learning">вивчити та використовувати CSS</a>, доступне <a href="http://www.w3.org/Style/CSS/software">програмне забеспечення.</a>
    А також новини від <a href="http://www.w3.org/Style/CSS/members">команди розробників CSS.</a>

   <div class=aside lang=en>
    <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>Новини</h2>

   <p class=feed><a href="Overview.atom"><img
    alt="(Також доступна стрічка новин)"
    src="w3c-2010/feed"
    title="Стрічка новин"></a>

   <!-- include news -->

   <p class=stb>Більше новин тут -
    <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">
   Запропонувати посилання</a>
  </div>

  <div class=section id=roadmap>
   <h2>Нинішні роботи</h2>

   <p class=feed><a href="current-work.atom"><img
    alt="(Також доступна стрічка новин)"
    src="w3c-2010/feed"
    title="Стрічка нових публікацій"></a>

   <p>Деякі специфікації від <a href="members" lang=en
   >CSS Working Group:</a>

   <table class=status>
    <tbody id=completed>
     <tr>
      <th scope="rowgroup">Com&shy;pleted work
      <th scope="col">Те&shy;перішні
      <th scope="col">Май&shy;бут&shy;ні
      <th scope="col">
      <th scope="col"><abbr lang=en title="Summary">&#8505;&#8413;</abbr>

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

    <tbody id=high-prio>
     <tr>
      <th scope="rowgroup">Високий прі&shy;ори&shy;тет
      <th scope="col">Те&shy;перішні
      <th scope="col">Май&shy;бут&shy;ні
      <th scope="col">
      <th scope="col"><abbr lang=en title="Summary">&#8505;&#8413;</abbr>

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

   </table>

   <p class=more><a href="current-work">Далі&nbsp;»</a>
  </div>

  <div class=section id=wg-news>
   <h2>Новини від розробників</h2>

   <p class=feed><a href="/blog/CSS/feed/atom"><img
    alt="(Також доступна стрічка новин)"
    title="Новини групи розробників CSS"
    src="w3c-2010/feed"></a>

   <p><a href="members">РОбоча група</a> постійно публікує нові звіти у себе на <a href="/blog/CSS/">блозі</a>, ось останні

   <!-- include wgnews.gen -->

   <div class=figure>
    <p><img src="csswg-2006.jpg" alt="Групове фото на фоні Середземномор'я">

    <p>Частина робочої групи CSS (CSS WG) у березні 2006. (Фото: <a href="http://www.flickr.com/photos/kplawver/108802328/"> Kevin
     Lawver</a>)
   </div>

   <p class=more><a href="/blog/CSS">Далі&nbsp;»</a>
  </div>

  <div class=section id=join>
   <h2>Вступайте в обговорення</h2>

   <p><a href="http://lists.w3.org/Archives/Public/www-style/"> &lt;www-style@w3.org&gt; архів листів</a> місце для обговорення подальшого розвитку CSS. (<a href="members">Робоча група CSS</a> також використовує цей список для більшості обговорень.) Кожен може <a href="mailto:www-style-request&#64;w3.org?subject=subscribe">підписатись</a>
(чи <a href="mailto:www-style-request&#64;w3.org?subject=unsubscribe"> відписатись,</a> або переглянути <a href="../../Mail/Request"> інструкції.</a>)

   <p>Якщо ви працюєте в <a href="../../Consortium/Member/List">організації членів W3C</a>, ви також можете долучитись до групи розробників.

   <p class=more><a
   href="current-work#contribute">Далі&nbsp;»</a>

  </div>

  <div class=section id=software>
   <h2>Програмні продукти</h2>

   <p class=feed><a href="software.atom"><img
    alt="(Також доступна стрічка новин.)"
    src="w3c-2010/feed"
    title="Стрічка новин програмних продуктів"></a>

   <p>Сьгодні майже всі <a href="software#browsers">браузери</a> підтримують CSS, а також багато <a href="software#other">інших додатків</a>. Для написання CSS достатньо звичайного текстового редактора, однак існує чимало інших <a href="software#editors">інструментів</a>,  котрі полегшують цей процес

   <p>Звичайно, кожне програмне забезпечення містить певні помилки, навіть після декількох оновлень. І деякі програми ще далекі від реалізації <a href="current-work">останніх CSS модулів</a>, навідміну від інших. Різноманітні сайти описують <a href="software#support">помилки та способи їх вирішення</a>.

   <p class=more><a href="software">Далі&nbsp;»</a>
  </div>

  <div class=section id=learning>
   <h2>Вивчення CSS</h2>

   <p class=feed><a href="learning.atom"><img
    alt="(Також доступна стрічка новин.)"
    src="w3c-2010/feed"
    title="Стрічка новин"></a>

   <p>Для новачків, <a href="../Examples/011/firstcss"><cite>Початок роботи з HTML + CSS</cite></a> навчає як створити таблицю стилів. Для швидкого введення в CSS, спробуйте <a href="../LieBos2e/enter/">частину 2</a> <a href="learning#LieBos1999"><cite>Lie &amp; Bos</cite></a> або <a href="../../MarkUp/Guide/Style">Dave Raggett's введення в CSS</a>. Чи ж дивіться приклади <a href="../styling-XML">стилізації XML</a> і <a href="../Examples/007/">CSS - поради та трюки</a>.

   <p>Також присутня сторінка, на якій розміщенні різноманітні <a href="http://www.w3.org/Style/CSS/learning#books">книги,</a> <a href="http://www.w3.org/Style/CSS/learning#fora">списки розсилки</a> й форума, а також посилання на<a href="http://www.w3.org/Style/CSS/learning#secondary">інші каталоги.</a>

   <p>Історія CSS описана <a href="../LieBos2e/history/">в 20 розділі</a> книги <a href="http://www.informit.com/store/cascading-style-sheets-designing-for-the-web-9780321193124?rll=1">
    <cite class=notranslate lang=en>Каскадні таблиці стилів, веб-дизайн,</cite></a> Автор: Hakon Wium Lie та Bert Bos (2nd ed., 1999, Addison Wesley, ISBN 0-201-59625-3)

   <p class=more><a href="learning">Далі&nbsp;»</a>
  </div>

  <div class=section id=related>
   <h2>Схоже</h2>

   <dl>
    <dt><a href="http://jigsaw.w3.org/css-validator/" lang=en>The CSS
    validator</a> <dd>Перевіряє синтаксис (та решту) таблиць стилів.

    <dt><a lang=en href="../../dpub/" >Digital Publishing Activity</a>
    <dd lang=en>Digital Publishing Activity / Digital Publishing
    Interest Group

    <dt><a href="../../StyleSheets/Core/" lang=en>Core Style
    Sheets</a> <dd>Збірка простих таблиць стилів. Розроблені, коли
    сумісність браузерів була великою проблемою, однак й на даний час
    являється корисною інформацією

    <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>Примітка про роль CSS створенні
    сторінок доступнішими.

    <dt><a href="SAC/" lang=en>SAC: The Simple API for CSS</a>
    <dd>Інтерфейс між CSS аналізаторами та CSS процесорами.

    <dt><a href="../XSL/">XSL (Розширювана Мова Таблиць Стилів)</a>
    <dd>XSL та CSS мають багато особливостей, однак XSL зусереджена на
    важких завданнях, особливо для друку.

    <dt><a href="../../TR/mathml-for-css/" lang=en>A MathML for CSS
    profile</a> <dd>Описує підмножину MathML, яка може бути
    відформатована тільки з допомогою CSS другого рівня
   </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:
-->
