Revision 673475 of CSS

<div class="note">
 Die MDN CSS Dokumentation ist noch nicht vollständig ins Deutsche übersetzt. Hilf mit die <a href="/de/docs/MDN/Doc_status/CSS">Seiten zu übersetzen</a>!</div>
<p><strong>Cascading Style Sheets</strong> (<strong>CSS</strong>) ist eine Beschreibungssprache, um das Erscheinungsbild einer in <a href="/de/docs/HTML" title="HTML">HTML</a> oder <a href="/de/docs/XML" rel="internal">XML</a> formatierten Datei (inklusive verschiedener XML-Sprachen wie <a class="new " href="/de/docs/XHTML" rel="internal">XHTML</a> oder <a href="/de/docs/SVG" rel="internal">SVG</a>) zu verändern. In <a href="/de/docs/XUL" rel="internal">XUL</a>-basierenden Produkten, wie die Mozilla Suite, Firefox oder Thunderbird wird CSS ebenfalls benutzt, um das User-Interface zu gestalten. Zum Beispiel benutzen <a href="/de/docs/Themes" rel="internal">Themes</a> CSS in großem Umfang, um das Aussehen der Anwendung zu verändern.</p>
<p>CSS ist eine der Entwicklungssprachen für das <em>open web</em> und wird vom <a class="external" href="https://w3.org/Style/CSS/#specs" rel="external nofollow" target="_blank" title="https://w3.org/Style/CSS/#specs">W3C spezifiziert</a>. Zurzeit existieren drei verschiedene Teile: Das veraltete CSS1, die empfohlene Version CSS2.1 und die neuen Module von CSS3, welche zur Zeit eingeführt werden.</p>
<section id="sect1">
 <ul class="card-grid">
  <li><span>CSS-Referenz</span>
   <p>Eine <a href="/de/docs/CSS_Referenz" title="en-US/docs/CSS/CSS_Reference">Übersicht</a> für Entwickler über alle standardisierten CSS-Eigenschaften. Für die <a href="/de/docs/CSS_Referenz/Mozilla_CSS_Erweiterungen" title="CSS_Referenz/Mozilla_CSS_Erweiterungen">Mozilla-Erweiterungen</a> steht ein separates Dokument zur Verfügung.</p>
  </li>
  <li><span>CSS-Einführung</span>
   <p>Eine Schritt-für-Schritt-<a href="/de/docs/CSS/Getting_Started">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="Dokumentation">Dokumentation</h2>
   <dl>
    <dt>
     <a href="/de/docs/CSS/CSS_Unterstützung" title="CSS/CSS_Unterstützung">CSS-Unterstützung</a></dt>
    <dd>
     Eine Übersicht zur Unterstützung aller CSS-Eigenschaften in Gecko/Firefox</dd>
    <dt>
     <a href="/de/docs/CSS/CSS_Transformationen" title="CSS/CSS_Transformationen">CSS-Transformationen</a></dt>
    <dd>
     Eine Einführung in CSS-Transformationen.</dd>
    <dt>
     <a href="/de/docs/CSS/CSS_Transitions" title="CSS/CSS Transitions">CSS-Transitions</a></dt>
    <dd>
     Einführung in die Verwendung von CSS-Transitionen.</dd>
    <dt>
     <a href="/de/docs/CSS/Effizientes_CSS_schreiben" title="CSS/Effizientes_CSS_schreiben">Effizientes CSS schreiben</a></dt>
    <dd>
     Ein Leitfaden zum Schreiben von effizientem CSS für den Gebrauch in Mozillas User-Interface.</dd>
    <dt>
     <a href="/de/docs/CSS/Media_Queries" title="CSS/Media_Queries">Media Queries</a></dt>
    <dd>
     Wie man Media Queries verwendet, um Stylesheets auf Basis des Geräts auf dem gerendert wird, auszuwählen.</dd>
    <dt>
     <a href="/de/docs/Verwendung_von_URL_Werten_für_die_cursor_Eigenschaft" title="Verwendung_von_URL_Werten_für_die_cursor_Eigenschaft">Verwendung von URL-Werten für die cursor-Eigenschaft</a></dt>
    <dd>
     <a href="/de/docs/Gecko" title="Gecko">Gecko</a> 1.8 (Firefox 1.5, SeaMonkey 1.0) unterstützt URL-Werte für die CSS 2/2.1 <a class="external" href="/de/docs/CSS/cursor"><code>cursor</code></a> Eigenschaft. Das ermöglicht jede Art von Bildern (welche von Gecko untersützt werden) als Mauscursor festzulegen.</dd>
    <dt>
     <a href="/de/docs/CSS3_Columns" title="CSS3_Columns">CSS3 Columns</a></dt>
    <dd>
     Ein kleines Tutorial zur Verwendung von CSS Columns (Spalten).</dd>
    <dt>
     <a href="/de/docs/DOM/Verwendung_von_dynamischen_Styles" title="DOM/Verwendung_von_dynamischen_Styles">Verwendung von dynamischen Styles</a></dt>
    <dd>
     Wie man Style-Informationen mittels DOM erhalten und verändern kann.</dd>
   </dl>
   <p><span class="alllinks"><a href="/de/docs/tag/CSS" title="tag/CSS">Alles ansehen...</a></span></p>
   <h2 class="Tools" id="Tools" name="Tools">Entwicklerwerkzeunge</h2>
   <ul>
    <li><span class="external">Der </span><a class="external" href="https://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a> prüft dein Sylesheet auf Fehler - ein unersetzliches Tool.</li>
    <li>Firefox' <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug-Erweiterung</a><span class="external"> ist ein beliebtes Werkzeug um live im Browser Änderungen zu testen.</span></li>
    <li><span class="external">Firefox' </span><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/60">Web-Developer-Erweiterung</a> ist etwas einfacher als Firebug, bringt aber trozem viele nützliche Funktionen mit.</li>
    <li>Firefox' <a class="external link-https" href="https://addons.mozilla.org/en-US/firefox/addon/179">EditCSS-Erweiterung</a> macht das Bearbeiten von CSS-Eigenschaften in der Sidebar möglich.</li>
    <li><a href="/de/docs/tag/CSS:Tools" title="tag/CSS:Tools">weitere Tools ...</a></li>
   </ul>
   <h2 class="Related_Topics" id="Verwandte_Themen">Verwandte Themen</h2>
   <ul>
    <li><a href="/en-US/learn/css" title="https://developer.mozilla.org/en-US/learn/css">Lernen Sie CSS</a></li>
    <li><em>Open Web</em> Sprachen, welche CSS verwenden: <a href="/de/docs/HTML" title="HTML">HTML</a>, <a href="/de/docs/SVG" title="SVG">SVG</a>, <a href="/de/docs/XHTML" title="en-US/docs/XHTML">XHTML</a> und <a href="/de/docs/XML" title="en-US/docs/XML">XML</a>.</li>
    <li>Technologien von Mozilla, welche CSS verwenden: <a href="/de/docs/XUL" title="XUL">XUL</a>, Firefox und Thunderbird <a href="/de/docs/Erweiterungen" title="Erweiterungen">Erweiterungen</a> und <a href="/de/docs/Themes" title="Themes">Themes</a>.</li>
   </ul>
  </div>
  <div class="section">
   <h2 class="Related_Topics" id="News" name="News">News</h2>
   <ul>
    <li><a href="https://www.w3.org/TR/css-text-decor-3/" title="https://www.w3.org/TR/css-text-decor-3/">CSS Text-decoration Level 3</a> reached the <em>Candidate Recommandation</em> status, defining that the <code>text-decoration-*</code> and <code>text-emphasis-*</code> properties. The long known {{cssxref("text-shadow")}} is also defined in it. (<em>August 1st, 2013)</em></li>
    <li>Gecko's now support {{cssxref("background-origin")}}<code>: local</code>. It will be available from Firefox 25 (and already is in Nightly). <em>(July 25th, 2013)</em></li>
    <li><a href="https://www.w3.org/TR/pointerevents/" title="https://www.w3.org/TR/pointerevents/">Pointer Events</a> reached the <em>Candidate Recommandation</em> status, meaning that the CSS property <code>touch-action</code>, currently only implemented in IE10 (with the <code>-ms-</code> prefix), is no more experimental. <em>(May 6th, 2013)</em></li>
    <li>Gecko's support of <a href="/en-US/docs/CSS/Tutorials/Using_CSS_flexible_boxes" title="/en-US/docs/CSS/Tutorials/Using_CSS_flexible_boxes"><em>flexible boxes</em></a> has been adapted to match a recent specification clarification: from Firefox 23 {{cssxref("::before")}} and {{cssxref("::after")}} will be flex items, and as such can be repositioned using {{cssxref("order")}} and {{cssxref("align-self")}}. <em>(May 3rd, 2013)</em></li>
   </ul>
   <h2 class="Community" id="Community" name="Community">Seiten zur Problemlösung</h2>
   <p>Du hast ein Problem mit CSS und kommst nicht weiter?</p>
   <ul>
    <li>Schaue in den <a href="/en-US/docs/CSS/Common_CSS_Questions" title="en-US/docs/CSS/Common_CSS_Questions">FAQs</a> nach</li>
    <li>Suche auf <a href="https://stackoverflow.com/questions/tagged/css" title="https://stackoverflow.com/questions/tagged/css">Stack Overflow</a> nach deinem Problem. Wenn du dort keine Antwort findest, kannst du auch eine neue Frage eröffnen.</li>
    <li>Frage die Community: {{ DiscussionList("dev-tech-css", "mozilla.dev.tech.layout") }}
     <ul>
      <li>Mozilla's IRC Kanal: <a class="link-irc" href="irc://irc.mozilla.org/css">#css</a></li>
      <li><a class="external" href="https://www.css-discuss.org/">css-discuss.org</a><span style="display: none;">&nbsp;</span><span style="display: none;">&nbsp;</span><span style="display: none;">&nbsp;</span><span style="display: none;"> </span></li>
     </ul>
    </li>
   </ul>
  </div>
 </div>
</section>
<p>&nbsp;</p>