CSS-Formatierung von Sitemaps, Beispiel 20

Das Style-Sheet dieser Seite:

(noch leer)

Das HTML für die Sitemap:

<ul>
<li><h4>HTML und CSS</h4>
  <ul>
  <li><a href="#">Dokumentstammbaum</a></li>
  <li><a href="#">Dokumententypen</a></li>
  <li><a href="#">Die Anbindung von Style-Sheets</a></li>
  <li><a href="#">CSS-Validation</a></li>
  </ul>
</li>
</ul>
<ul>
<li><h4>CSS-Konzepte und Grundlegendes</h4>
  <ul>
  <li><a href="#">Die 80 wichtigsten CSS-Definitionen</a></li>
  <li><a href="#">Regelaufbau</a></li>
  <li><a href="#">Die <code class="css">float</code>-Regeln übersetzt</a></li>
  <li><a href="#">Die Kaskade</a></li>
  <li><a href="#">Spezifizität</a></li>
  <li><a href="#">CSS-Wertangaben</a></li>
  <li><a href="#">Farbwerte</a></li>
  <li><a href="#">Längenwerte</a></li>
  <li><a href="#">Prozentwerte</a></li>
  <li><a href="#">Syntax der Wertangaben in der Spezifikation</a></li>
  <li><a href="#">Änderungen und Ergänzungen in CSS 2.1</a></li>
  </ul>
</li>
</ul>
<ul>
<li><h4>Box-Modell und Visuelle Formatierung</h4>
  <ul>
  <li><a href="#">Das Modell der Visuellen Formatierung</a></li>
  <li><a href="#">Visuelle Formatierung genau genommen: Breite und Höhe</a></li>
  <li><a href="#">Das Box-Modell</a></li>
  <li><a href="#">Praktische Beispiele für collapsing <code class="css">margins</code></a></li>
  <li><a href="#">Das Line-Box-Modell</a></li>
  <li><a href="#">Zusammenhang zwischen <code class="css">display</code>, <code class="css">position</code> und <code class="css">float</code></a></li>
  </ul>
</li>
</ul>
<ul>
<li><h4>Sonstiges</h4>
  <ul>
  <li><a href="#">Tabellenformatierung mit CSS</a></li>
  <li><a href="#">Behandlung von Medien in CSS</a></li>
  <li><a href="#">Regeln für Seitenumbrüche</a></li>
  </ul>
</li>
</ul>
<ul>
<li><h4>Einschränkungen und Workarounds</h4>
  <ul>
  <li><a href="#">Hacks am Box-Modell</a></li>
  <li><a href="#">position: fixed auch für IE/Win</a></li>
  <li><a href="#">Dynamische Pseudoklassen und benannte Anker</a></li>
  <li><a href="#">Der Unterstrich</a></li>
  </ul>
</li>
</ul>