Содержание

Пример документа[править]

<!DOCTYPE html>
<html lang="ru">
<title >Пример документа</title>
<style>
/* Пусто */
</style>

<article id="art">
<header>
<h1 >Пример документа</h1>
<h2 >А. В. Тор</h2>
<h3 >2015-10-01</h3>
</header>

<section id="sec-one">
<header>
<h2 >Раздел первый</h2>
</header>

<p >В этом разделе совершенно ни о чем не говорится.
</section>

<section id="sec-two">
<header>
<h2 >Раздел второй</h2>
</header>

<p >Этот раздел ничем не лучше <a href="#sec-one" >предыдущего.</a>
</section>
</article>

Оформление заголовков[править]

article header:first-of-type {
  text-align: center;
}

article header:first-of-type h1 { font-size: 257%; }
article header:first-of-type h2 { font-size: 203%; }
article header:first-of-type h3 { font-size: 160%; }

/** NB: section headers start with <h2 /> */
section header:first-of-type h2 { font-size: 203%; }
section header:first-of-type h3 { font-size: 160%; }
section header:first-of-type h4 { font-size: 127%; }

Отступы[править]

article header:first-of-type,
article section {
  margin: 3.14ex  0;
}

body > *  { margin: 3.14ex  1.72ex; }
article   { margin: 0; }

article > :first-child, body > :first-child {
  margin-top:   0;
}

article > :last-child,  body > :last-child {
  margin-bottom: 0;
}

Цели[править]

:target header:first-of-type,
p:target::first-line {
  background: #bff;
}

Цитаты[править]

:lang(de) > q { quotes: '»' '«' '‹' '›'; }
:lang(fr) > q { quotes: '« ' ' »'; }
:lang(ru) > q { quotes: '«' '»' '„' '“'; }

Ссылки[править]