Revision 998667 of CSS

<p><span class="seoSummary"><strong>Cascading Style Sheets</strong>, meistens als <strong>CSS</strong> abgekürzt, ist eine Beschreibungssprache, die das Erscheinungsbild einer in {{Glossary("HTML")}} oder {{Glossary("XML")}} formatierten Datei (inklusive verschiedener XML-Sprachen wie <a href="/de/docs/SVG" rel="internal">SVG</a> oder <a class="new " href="/de/docs/XHTML" rel="internal">XHTML</a>) festlegt. CSS beschreibt, wie ein strukturiertes Element am Bildschirm, auf Papier, in Sprache oder anderen Medien dargestellt wird.</span></p>

<p><strong>CSS</strong> ist eine der Kernsprachen des <em>Open Web</em> und basiert auf standardisierten <a class="external" href="https://w3.org/Style/CSS/#specs">W3C Spezifikationen</a>. CSS wird in drei verschiedenen Versionen entwickelt: das mittlerweile veraltete CSS1, die empfohlene Version CSS2.1 und <a href="/de/docs/CSS/CSS3" title="CSS3">CSS3</a>, das in kleinere Module unterteilt wurde, die unabhängig voneinander veröffentlicht werden.</p>

<section id="sect1">
<ul class="card-grid">
 <li><span>CSS-Referenz</span>

  <p>Eine <a href="/de/docs/CSS_Referenz" title="CSS Referenz">vollständige Übersicht</a> für erfahrene Webentwickler, die alle Eigenschaften und Konzepte von CSS beschreibt.</p>
 </li>
 <li><span>CSS-Einführung</span>
  <p>Eine <a href="/de/docs/CSS/Getting_Started">Schritt-für-Schritt-Einführung</a> für Anfänger, welche die grundlegenden Informationen enthält.</p>
 </li>
 <li><span>CSS3-Demos</span>
  <p>Eine Sammlung von <a href="/de/demos/tag/tech:css3" title="https://developer.mozilla.org/en-US/demos/tag/tech:css3">Demos</a>, welche eindrucksvoll die neusten CSS Funktionen aufzeigen - ein guter Ort um Ideen zu sammeln.</p>
 </li>
</ul>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Documentation" name="Documentation">Dokumentation und Tutorials</h2>

<dl>
 <dt>CSS Grundkonzepte</dt>
 <dd>Beschreibt die <a href="/de/docs/CSS/Syntax" title="Syntax">Syntax und Formen der Sprache</a> und beschreibt Grundlegendes wie <a href="/de/docs/Web/CSS/Spezifität" title="Spezifität">Spezifität</a> und <a href="/de/docs/Web/CSS/Vererbung" title="Vererbung">Vererbung</a>, das <a href="/de/docs/Web/CSS/Boxmodell" title="Boxmodell">Boxmodell</a> und <a href="/de/docs/CSS/Zusammenfallen_von_Außenabständen" title="Zusammenfallen von Außenabständen">Zusammenfallen von Außenabständen</a>, <a href="/de/docs/Web/Guide/CSS/Z_index_verstehen/Der_Stapelkontext" title="Der Stapelkontext">Stapelkontext</a> und <a href="/de/docs/CSS/Blockformatkontext" title="Blockformatkontext">Blockformatkontext</a> oder die <a href="/de/docs/Web/CSS/Initialwert" title="Initialwert">Initial-</a>, <a href="/de/docs/Web/CSS/berechneter_Wert" title="berechneter Wert">berechneten</a>, <a href="/de/docs/Web/CSS/verwendeter_Wert" title="verwendeter Wert">verwendeten</a> und <a href="/de/docs/Web/CSS/tatsächlicher_Wert" title="tatsächlicher Wert">tatsächlichen</a> Werte. Instanzen wie <a href="/de/docs/CSS/Shorthand_Eigenschaften" title="Shorthand Eigenschaften">CSS Shorthand Eigenschaften</a> werden auch definiert.</dd>
 <dt><a href="/de/docs/Web/Guide/CSS" title="/de/docs/Web/Guide/CSS">CSS Entwicklerguide</a></dt>
 <dd>Artikel, die helfen, alles über die Grundlagen der Gestaltung von HTML mit Hilfe von CSS zu lernen bis hin zu verschiedenen <strong>CSS</strong>-Techniken, die die Inhalte glänzen lassen.</dd>
 <dt><a href="/en-US/docs/Web/CSS/Common_CSS_Questions">Häufige CSS Fragen</a></dt>
 <dd>Antworten auf häufige Fragen rund um <strong>CSS</strong>.</dd>
</dl>
</div>

<div class="section">
<h2 class="Tools" id="Tools" name="Tools">Tools für die CSS-Entwicklung</h2>

<ul>
 <li>Der <a class="external" href="https://jigsaw.w3.org/css-validator/">W3C CSS Validierungsservice</a> überprüft, ob ein angegebenes CSS gültig ist. Der Service unter <a href="//www.OnlineWebCheck.com/">OnlineWebCheck.com</a> macht das gleiche. Dies sind unschätzbare Debuggingtools.</li>
 <li>Die <a href="/de/docs/Tools">Firefox Developer Tools</a> erlauben das Live-Ansehen und Bearbeiten des CSS einer Seite über den <a href="/de/docs/Tools/Seiten_Inspektor">Inspektor</a> und den <a href="/de/docs/Tools/Style_Editor">Style Editor</a>.</li>
 <li>Die <a class="link-https" href="https://addons.mozilla.org/de/firefox/addon/firebug/">Firebug Erweiterung</a> für Firefox, eine beliebte Erweiterung des Browsers, die es erlaubt, CSS live auf beobachteten Seiten zu bearbeiten. Sehr praktisch, um Änderungen zu testen, jedoch kann diese Erweiterung weit mehr.</li>
 <li>Die <a class="link-https" href="https://addons.mozilla.org/de/firefox/addon/web-developer/">Web Developer Erweiterung</a> für Firefox erlaubt es ebenfalls, CSS auf beobachteten Seiten live anzusehen. Einfacher als Firebug, aber auch weniger mächtig.</li>
 <li><a href="/de/docs/Web/CSS/Tools">CSS Tools</a>.</li>
</ul>
</div>
</div>
</section>

<h2 id="Siehe_auch">Siehe auch</h2>

<ul>
 <li>Mozillas <a href="/de/Learn/CSS">CSS Lernbereich</a></li>
 <li>Websprachen auf die CSS häufig angewendet wird: <a href="/de/docs/HTML">HTML</a>, <a href="/de/docs/SVG">SVG</a>, <a href="/de/docs/XHTML">XHTML</a> und <a href="/de/docs/XML">XML</a>.</li>
 <li>Mozilla Technologien, die ausgiebig Gebrauch von CSS machen: <a href="/de/docs/Mozilla/Tech/XUL">XUL</a>, <a href="/de/Firefox">Firefox</a> und <a href="/de/docs/Mozilla/Thunderbird">Thunderbird</a> <a href="/de/docs/Erweiterungen">Erweiterungen</a> und <a href="/de/Add-ons/Themes">Themes</a>.</li>
</ul>

<p>{{CommunityBox("Weblayout", "dev-tech-layout", "mozilla.dev.tech.layout", "", "Stack Overflow|https://stackoverflow.com/questions/tagged/css|CSS Themen|Besuche Stack Overflow, eine gemeinschaftlich gestaltete und verwaltete Frage-und-Antwort-Seite. Schaue nach, ob du eine Antwort finden kannst; falls nicht, kannst du deine Frage dort stellen.||CSS-Discuss|https://www.css-discuss.org/|CSS-Discuss Mailingliste|Tritt der css-discuss Mailingliste bei, die sich der Diskussion der praktischen, realen Benutzung von CSS widmet.")}}</p>